继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

js清除未知定时器的实例

萌丶小怪
关注TA
已关注
手记 29
粉丝 14
获赞 258

在项目中,我们经常会用到很多定时器,我们可能需要一个可以一次性清除所有定时器的方法,并且不通过指定ID一个一个去清除,以下是最常用的一个方法:

var pageTimer = {} ; //定义计算器全局变量
//赋值模拟
pageTimer["timer1"] = setInterval(function(){},2000);
pageTimer["timer2"] = setInterval(function(){},2000);
//全部清除方法
for(var each in pageTimer){
    clearInterval(pageTimer[each]);
}

先写俩个定时器,一个定时器从1开始++,另一个定时器动11开始++

<script>
var pageTimer = {};
var i=1,j=11;
pageTimer["timer1"] = setInterval(function(){
    i++
    console.log(i);
},1000);

pageTimer["timer2"] = setInterval(function(){
    j++
    console.log(j);
},1000);
</script>

然后调用清除全部定时器的方法,俩个定时器都被清除

<script>
var pageTimer = {};
var i=1,j=11;
pageTimer["timer1"] = setInterval(function(){
    i++
    console.log(i);
},1000);

pageTimer["timer2"] = setInterval(function(){
    j++
    console.log(j);
},1000);
for(var each in pageTimer){
    clearInterval(pageTimer[each]);
}
</script>
打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP