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 相关文章推荐
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
Jun 06 Javascript
JavaScript对象学习小结
Sep 02 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
canvas实现图像截取功能
Feb 06 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
node.js express框架简介与实现
Jul 23 Javascript
JavaScript实现英语单词题库
Dec 24 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 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
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
php实现的微信红包算法分析(非官方)
2015/09/25 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
IE8 浏览器Cookie的处理
2009/01/31 Javascript
JavaScript中URL编码函数代码
2011/01/11 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
JavaScript实现指定数量的并发限制的示例代码
2020/03/10 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
python原始套接字编程示例分享
2014/02/21 Python
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
如何在 Django 模板中输出 "{{"
2020/01/24 Python
简述python&pytorch 随机种子的实现
2020/10/07 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
中药专业大学生医药工作求职信
2013/10/25 职场文书
Nginx本地目录映射实现代码实例
2021/03/31 Servers
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
DQL数据查询语句使用示例
2022/12/24 MySQL