首页 / JAVASCRIPT / JavaScript中定时器的设置与清除详解

JavaScript中定时器的设置与清除详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中定时器的设置与清除详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1913字，纯文字阅读大概需要3分钟。

内容图文

学习过我们之前的两篇文章的相信大家对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中定时器的使用示例详解


JavaScript定时器中关于setTimeout()与setInterval()的详解


JavaScript定时器演示

以上就是JavaScript中定时器的设置与清除详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JavaScript中定时器的设置与清除详解全部内容，希望文章能够帮你解决JavaScript中定时器的设置与清除详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/297552.html

来源：【匿名】