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的实现简单的分页控件
Oct 10 Javascript
Javascript表格翻页效果实现思路及代码
Aug 23 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
用js写的一个路由(简单实例)
Sep 24 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 Javascript
对vue生命周期的深入理解
Dec 03 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
微信支付开发交易通知实例
2016/07/12 PHP
PHP中时间加减函数strtotime用法分析
2017/04/26 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
Yii框架中用response保存cookie,用request读取cookie的原理解析
2019/09/04 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
2010/12/11 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
Node.js中使用计时器定时执行函数详解
2014/08/15 Javascript
JavaScript实现大数的运算
2014/11/24 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
Nodejs实现多文件夹文件同步
2018/10/17 NodeJs
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
Python 从相对路径下import的方法
2018/12/04 Python
Python利用字典破解WIFI密码的方法
2019/02/27 Python
python读取并写入mat文件的方法
2019/07/12 Python
对于Python深浅拷贝的理解
2019/07/29 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
英国折扣高尔夫商店:Discount Golf Store
2019/11/19 全球购物
俄罗斯苹果优质经销商商店:iPort
2020/05/27 全球购物
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
学习党章思想汇报
2014/01/07 职场文书
班级出游活动计划书
2014/08/15 职场文书
尊师重教演讲稿
2014/09/04 职场文书
领导干部学习心得体会
2016/01/23 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS