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异步循环获取功能实现代码
Sep 19 Javascript
js arguments对象应用介绍
Nov 28 Javascript
JS防止用户多次提交的简单代码
Aug 01 Javascript
深入理解JSON数据源格式
Jan 10 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
JS FormData对象使用方法实例详解
Feb 12 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 Javascript
Vue仿Bibibili首页的问题
Jan 21 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
一个php作的文本留言本的例子(五)
2006/10/09 PHP
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
php while循环得到循环次数
2013/10/26 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
使用PHP编写发红包程序
2015/07/22 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
php实现文件管理与基础功能操作
2017/03/21 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
js 数据类型转换总结笔记
2011/01/17 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
jquery隔行换色效果实现方法
2015/01/15 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
python刷投票的脚本实现代码
2014/11/08 Python
解析Python中的二进制位运算符
2015/05/13 Python
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
Python配置文件处理的方法教程
2019/08/29 Python
python实现代码统计程序
2019/09/19 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
企业法人代表授权委托书
2014/10/02 职场文书
JS Object构造函数之Object.freeze
2021/04/28 Javascript