JavaScript定时器和优化的取消定时器方法


Posted in Javascript onJuly 03, 2015

通常用的方法:
启动定时器:

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隐藏参数post传值实例
Apr 18 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
Dec 15 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
JavaScript中数组常见操作技巧
Sep 01 Javascript
vue-awesome-swiper滑块插件使用方法详解
Nov 27 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
Javascript中的作用域和上下文深入理解
Jul 03 #Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 #Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 #Javascript
一张Web前端的思维导图分享
Jul 03 #Javascript
JavaScript中的对象与JSON
Jul 03 #Javascript
javascript生成大小写字母
Jul 03 #Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 #Javascript
You might like
php HtmlReplace输入过滤安全函数
2010/07/03 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
Windows7下的php环境配置教程
2015/02/28 PHP
php生成年月日下载列表的方法
2015/04/24 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
jQuery版仿Path菜单效果
2011/12/15 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
2016/11/02 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
vue之将echart封装为组件
2018/06/02 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
python 构造三维全零数组的方法
2018/11/12 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
python生成requirements.txt的两种方法
2019/09/18 Python
python 单线程和异步协程工作方式解析
2019/09/28 Python
python实现简单坦克大战
2020/03/27 Python
python3.4中清屏的处理方法
2020/07/06 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
浅谈python出错时traceback的解读
2020/07/15 Python
澳大利亚当地最大的时装生产商:Cue
2018/08/06 全球购物
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
出国留学自荐信
2013/10/25 职场文书
护理专业自我鉴定
2014/01/30 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
cypress测试本地web应用
2022/06/01 Javascript