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 相关文章推荐
Dom加载让图片加载完再执行的脚本代码
May 15 Javascript
我的Node.js学习之路(二)NPM模块管理
Jul 06 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
JavaScript通过select动态更换图片的方法
Mar 23 Javascript
全面解析Bootstrap表单使用方法(表单样式)
Nov 24 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
js创建数组的简单方法
Jul 27 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 Javascript
JS数组中对象去重操作示例
Jun 04 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
咖啡知识大全
2021/03/03 新手入门
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
jQuery源码分析之Event事件分析
2010/06/07 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
python远程登录代码
2008/04/29 Python
python练习程序批量修改文件名
2014/01/16 Python
深入理解Python中的元类(metaclass)
2015/02/14 Python
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
Python爬虫实战:分析《战狼2》豆瓣影评
2018/03/26 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
python实现zabbix发送短信脚本
2018/09/17 Python
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
利用Python检测URL状态
2019/07/31 Python
Python对象的属性访问过程详解
2020/03/05 Python
学python需要去培训机构吗
2020/07/01 Python
Python执行时间的几种计算方法
2020/07/31 Python
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
大整数数相乘的问题
2012/07/22 面试题
校领导推荐信
2013/11/01 职场文书
社区七一党员活动方案
2014/01/25 职场文书
房产代理公证处委托书
2014/04/04 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
Python帮你解决手机qq微信内存占用太多问题
2022/02/15 Python
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js