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 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
extjs两个tbar问题探讨
Aug 08 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
Javascript selection的兼容性写法介绍
Dec 20 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
Vue运用transition实现过渡动画
May 06 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
php 删除cookie方法详解
2014/12/01 PHP
JavaScript小技巧 2.5 则
2010/09/12 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
谷歌地图打不开的解决办法
2014/08/07 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
javascript生成大小写字母
2015/07/03 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
2016/06/06 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
vue-router:嵌套路由的使用方法
2017/02/21 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
vue实现表格合并功能
2020/12/01 Vue.js
python放大图片和画方格实现算法
2018/03/30 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
Django项目之Elasticsearch搜索引擎的实例
2019/08/21 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python龙贝格法求积分实例
2020/02/29 Python
Python 输出详细的异常信息(traceback)方式
2020/04/08 Python
Python实现简单的2048小游戏
2021/03/01 Python
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
EJB的几种类型
2012/08/15 面试题
领导失职检讨书
2014/02/24 职场文书
工作分析计划书
2014/04/30 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
Redis 限流器
2022/05/15 Redis