手记

js清除未知定时器的实例

在项目中,我们经常会用到很多定时器,我们可能需要一个可以一次性清除所有定时器的方法,并且不通过指定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>
3人推荐
随时随地看视频
慕课网APP