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类(纯JS, Ajax模式)
Mar 12 Javascript
类似CSDN图片切换效果脚本
Sep 17 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
Dec 16 Javascript
innerText 使用示例
Jan 23 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
详解自定义ajax支持跨域组件封装
Feb 08 Javascript
vue实现条件叠加搜索的解决方法
May 28 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 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调用三种数据库的方法(2)
2006/10/09 PHP
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
用mysql内存表来代替php session的类
2009/02/01 PHP
用 JavaScript 迁移目录
2006/12/18 Javascript
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
JavaScript 事件的一些重要说明
2009/10/25 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
Vue全局分页组件的实现代码
2018/08/10 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
vue权限问题的完美解决方案
2019/05/08 Javascript
微信内置浏览器图片查看器的代码实例
2019/10/08 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
[50:24]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python读取浮点数和读取文本文件示例
2014/05/06 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
python3获取url文件大小示例代码
2019/09/18 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
flask开启多线程的具体方法
2020/08/02 Python
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
BudgetAir印度:预订航班、酒店和汽车租赁
2019/07/07 全球购物
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
解除聘用合同证明书范本
2014/09/11 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
中学音乐课教学反思
2016/02/18 职场文书