JavaScript定时器和优化的取消定时器方法


Posted in Javascript onJuly 03, 2015

通常用的方法:
启动定时器:

window.setInterval(Method,Time)   

Method是定时调用的js方法

Time是间隔时间,单位是毫秒
取消定时器:

clearInterval(Method); 

那么问题来了。用 clearInterval(timerid);来清除,往往不能马上停止,用什么方法比较好解决?
优化方案如下

var timeout = false; //启动及关闭按钮  

function time()  

{  

  if(timeout) return;  

  Method();  

  setTimeout(time,100); //time是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒  

} 

总结

一般不用setInterval,而用setTimeout的延时递归来代替interval。
setInterval会产生回调堆积,特别是时间很短的时候。 

Javascript 相关文章推荐
javascript XML数据显示为HTML一例
Dec 23 Javascript
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
Jan 15 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
Javascript中的作用域和上下文深入理解
Jul 03 #Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 #Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 #Javascript
一张Web前端的思维导图分享
Jul 03 #Javascript
JavaScript中的对象与JSON
Jul 03 #Javascript
javascript生成大小写字母
Jul 03 #Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 #Javascript
You might like
第八节 访问方式 [8]
2006/10/09 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
javascript中new关键字详解
2015/12/14 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
javascript数组去重小结
2016/03/07 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
Bootstrap3 图片(响应式图片&图片形状)
2017/01/04 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
Python实现多线程的两种方式分析
2018/08/29 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
Django Celery异步任务队列的实现
2019/07/24 Python
python第三方库学习笔记
2020/02/07 Python
Django如何实现防止XSS攻击
2020/10/13 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
中软国际Java程序员机试题
2012/08/19 面试题
大学生实习期自我评价范文
2013/10/03 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
大班亲子运动会方案
2014/06/10 职场文书
和谐社区口号
2014/06/19 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
旅游项目合作意向书
2015/05/08 职场文书
联谊会开场白
2015/06/01 职场文书
生日寿星公答谢词
2015/09/29 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
python生成可执行exe控制Microsip自动填写号码并拨打功能
2021/06/21 Python
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis