学习过我们之前的两篇文章的相信大家对JavaScript定时器的原理以及定时器的使用都有了一定了解,那么JavaScript中定时器的清除又是如何实现呢,今天我们就继续带大家介绍下JavaScript中定时器的清除!
1、JS中的定时器有两种:
window.setTimeout([function],[interval])
设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了);
window.setInterval([function],[interval])
设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成,定时器并没有停止,以后每隔[interval]这么长的时间都会重新的执行对应的方法[function],直到我们手动清除定时器为止;
2、JS中的定时器是有返回值的:->返回值是一个数字,代表当前是第几个定时器
var timer1=window.setTimeout(function(){},1000); //timer1->1 当前是第一个定时器 var timer2=window.setTimeout(function(){},1000); //timer2->2 当前是第二个定时器 window.clearTimeout(timer1); //->把第一个定时器清除掉,这里也可以用 window.clearInterval(timer1)、 window.clearTimeout(1)、 window.clearInterval(timer1); var timer3=window.setTimeout(function(){},1000); //timer3->3 当前是第三个定时器 ,虽然上面的定时器timer1清除掉了,但是号还是继续往后排的;
3、清除定时器:
window.clearInterval(timer1)/window.clearTimeout(time1);
两种清除方式都可以清除通过setTimeout和setInterval设置的定时器(两种方式在设置定时器的时候有区别,清除定时器的时候没有区别),并且参数不仅可以是timer,还可以是其返回值,例如1,2;需要注意的是,定时器即使清除了,其返回值也不会清除,之后设置的定时器的返回值也会在其返回值的基础上继续向后排,这点类似于银行的排队领号,即使1号的业务办理完了,后边的人仍是从2号开始继续领号,而不是重新从1开始;
总结:
相信小伙伴们对本文的学习对JavaScript中的定时器清除有了自己的认识,希望对你的工作有所帮助!
相关推荐:
以上是JavaScript中定时器的设置与清除详解的详细内容。更多信息请关注PHP中文网其他相关文章!