本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于定时器与清除定时器的相关问题,可以利用cleartimeout方法和clearinterval方法来清除指定的定时器,下面一起来看一下,希望对大家有帮助。

【相关推荐:javascript视频教程、web前端】
setTimeout定时器
window.setTimeout(调用函数,延时时间);
这个window在调用的时候可以省略
立即学习“Java免费学习笔记(深入)”;
这个延时时间单位是毫秒 但是可以省略,如果省略默认的是0
这个调用函数可以直接写函数 还可以写 函数名
页面中可能有很多的定时器,我们经常给定时器加标识符
setTimeout(function(){ console.log('你好'); },2000);//2秒后才在控制台输出 你好

setInterval定时器
window.setInterval(调用函数,延时时间);
window可以省略
这个调用函数可以直接写函数,或者写函数名或者采取字符串’函数名0’三种形式。
间隔的毫秒数省略默认是О,如果写,必须是毫秒,表示每隔多少毫秒就自动调用这个函数。
因为定时器可能有很多,所以我们经常给定时器赋值一个标识符。
setInterval(function(){ console.log('你好'); },2000)//每隔2秒在控制台输出一次你好,不清除定时器会一直运行

ViiTor实时翻译
AI实时多语言翻译专家!强大的语音识别、AR翻译功能。
116 查看详情
clearTimeout清除定时器
从单词就可以看出clearTimeout是用来清除第一种定时器的;
需要给需要清除的定时器起个名字;
语法:clearTimeout(定时器的名字)
var timer = setTimeout(function() { console.log('你好!'); },5000); clearTimeout(timer);//上面一个定时器就不会在执行程序
clearInterval清除定时器
跟上面一个定时器一样,用来清除setInterval定时器的,
也需要给定时器起一个名字,
语法:clearInterval(定时器的名字)
var times = setInterval(function(){ console.log('你好!'); },1000); setTimeout(function(){ clearInterval(times); //5秒后清除定时器 },5000);
示例如下:
我们有时候会写多个定时器,在创建定时器并没有用变量保存,这时我们就无法直接清除它了。那么我们就可以写一个清除页面中所有定时器的方法
要清除定时器,你先要了解返回值是什么


了解setInterval的返回值是一个代表定时器的数值型,而且这个数值还是按照定时器创建的先后顺序从1开始递增的,知道这个顺序后那么我们清除页面中所有定时器的需求就不难实现了

直接创建一个定时器然后挨个删除
【相关推荐:javascript视频教程、web前端】
以上就是JavaScript实例解析清除定时器的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/547840.html
微信扫一扫
支付宝扫一扫