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实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
浅谈小程序globalData的那些事儿
Nov 01 Javascript
JS手写一个自定义Promise操作示例
Mar 16 Javascript
angular异步验证器防抖实例详解
Mar 31 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
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
JQuery 入门实例1
2009/06/25 Javascript
JavaScript传递变量: 值传递?引用传递?
2011/02/22 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
js Calender控件使用详解
2015/01/05 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
2015/08/11 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
jQuery使用方法
2017/02/04 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
2020/05/29 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
python相似模块用例
2016/03/04 Python
通过Python 获取Android设备信息的轻量级框架
2017/12/18 Python
python实现nao机器人手臂动作控制
2019/04/29 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
详解HTML5布局和HTML5标签
2020/10/26 HTML / CSS
财务会计专业应届毕业生求职信
2013/10/18 职场文书
我为自己代言广告词
2014/03/18 职场文书
跑操口号
2014/06/12 职场文书
化工工艺设计求职信
2014/06/25 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
保留意见审计报告
2015/06/05 职场文书