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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
javascript中关于执行环境的杂谈
Aug 14 Javascript
JavaScript中json使用自己总结
Aug 13 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 Javascript
js的三种继承方式详解
Jan 21 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
vue图片上传组件使用详解
Dec 23 Javascript
vue实现员工信息录入功能
Jun 11 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
DedeCMS dede_channeltype表字段注释
2010/04/07 PHP
php中JSON的使用方法
2015/04/30 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
js 页面执行时间计算代码
2009/03/04 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
BootStrap glyphicon图标无法显示的解决方法
2016/09/06 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
Vue中 key keep-alive的实现原理
2018/09/18 Javascript
JS函数内部属性之arguments和this实例解析
2018/10/07 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
python用什么编辑器进行项目开发
2020/06/17 Python
详解Scrapy Redis入门实战
2020/11/18 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
2014年生产管理工作总结
2014/12/23 职场文书
担保书范文
2015/01/20 职场文书
主持人开幕词
2015/01/29 职场文书
2015年项目工作总结
2015/04/29 职场文书
创业计划书之酒店
2019/08/30 职场文书
七年级之开学家长寄语35句
2019/09/05 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书
pandas中DataFrame数据合并连接(merge、join、concat)
2021/05/30 Python
mysql事务对效率的影响分析总结
2021/10/24 MySQL