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 相关文章推荐
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 Javascript
jQuery 位置插件
Dec 25 Javascript
基于jQuery的计算文本框字数的代码
Jun 06 Javascript
javascript的回调函数应用示例
Feb 20 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
利用React Router4实现的服务端直出渲染(SSR)
Jan 07 Javascript
Vue解析带html标签的字符串为dom的实例
Nov 13 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 Javascript
javascript实现简单页面倒计时
Mar 02 Javascript
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
咖啡风味 世界咖啡主要分布分布 咖啡的生长要求
2021/03/06 新手入门
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
typecho插件编写教程(六):调用接口
2015/05/28 PHP
php使用SAE原生Mail类实现各种类型邮件发送的方法
2016/10/10 PHP
PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】
2017/04/27 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
初识javascript 文档碎片
2010/07/13 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
jQuery中slidedown与slideup方法用法示例
2016/09/16 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
解决Nodejs全局安装模块后找不到命令的问题
2018/05/15 NodeJs
详解webpack loader和plugin编写
2018/10/12 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
python模拟登陆Tom邮箱示例分享
2014/01/13 Python
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
Python+Django搭建自己的blog网站
2018/03/13 Python
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
python的turtle库使用详解
2019/05/10 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
python如何控制进程或者线程的个数
2020/10/16 Python
党员的自我评价范文
2014/01/02 职场文书
写给老师的感谢信
2015/01/20 职场文书
幼儿园六一主持词
2015/06/30 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
如何使用PyCharm及常用配置详解
2021/06/03 Python