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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
AngularJS中的过滤器filter用法完全解析
Apr 22 Javascript
jQuery 操作input中radio的技巧
Jul 18 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
JavaScript实现一个带AI的井字棋游戏源码
May 21 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
一起来了解一下JavaScript的预编译(小结)
Mar 01 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
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
JQuery记住用户名和密码的具体实现
2014/04/04 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
vue router 通过路由来实现切换头部标题功能
2019/04/24 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
[03:57]2016完美“圣”典风云人物:rOtk专访
2016/12/09 DOTA
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
pandas 转换成行列表进行读取与Nan处理的方法
2018/10/30 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
基于Numba提高python运行效率过程解析
2020/03/02 Python
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
linux面试题参考答案(5)
2016/11/05 面试题
初入社会应届生求职信
2013/11/18 职场文书
给物业的表扬信
2014/01/21 职场文书
幼儿教师求职信
2014/05/24 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
python pyhs2 的安装操作
2021/04/07 Python
Redis高级数据类型Hyperloglog、Bitmap的使用
2021/05/24 Redis
了解MySQL查询语句执行过程(5大组件)
2022/08/14 MySQL