javascript定时器取消定时器及优化方法


Posted in Javascript onJuly 08, 2017

 javascript定时器取消定时器及js定时器优化方法

通常用的方法:

启动定时器:

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 相关文章推荐
checkbox 多选框 联动实现代码
Oct 22 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
jQuery中使用了document和window哪些属性和方法小结
Sep 13 Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 Javascript
深入理解JavaScript程序中内存泄漏
Mar 17 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
ES6数组与对象的解构赋值详解
Jun 14 Javascript
VUE+Element实现增删改查的示例源码
Nov 23 Vue.js
Javascript 一些需要注意的细节(必看篇)
Jul 08 #Javascript
JQuery 获取Dom元素的实例讲解
Jul 08 #jQuery
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 #jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 #jQuery
js中变量的连续赋值(实例讲解)
Jul 08 #Javascript
理解 javascript 中的函数表达式与函数声明
Jul 07 #Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 #Javascript
You might like
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
2006/10/09 PHP
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
PHP callback函数使用方法和注意事项
2015/01/23 PHP
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
JavaScript DOM进阶方法
2015/04/13 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
移动端图片上传旋转、压缩问题的方法
2018/10/16 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
vue.js click点击事件获取当前元素对象的操作
2020/08/07 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
python client使用http post 到server端的代码
2013/02/10 Python
python复制与引用用法分析
2015/04/08 Python
Python3 处理JSON的实例详解
2017/10/29 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
python科学计算之scipy——optimize用法
2019/11/25 Python
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
平民服装店创业计划书
2014/01/17 职场文书
高级编程求职信模板
2014/02/16 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
司考复习计划
2015/01/19 职场文书
加入学生会自荐书
2015/03/05 职场文书
2015年社会实践个人总结
2015/03/06 职场文书