javascript定时器取消定时器及优化方法
更新时间:2017年07月08日 09:09:00 投稿:lqh
这篇文章主要介绍了 javascript定时器取消定时器及js定时器优化方法的相关资料,需要的朋友可以参考下
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教程:关于if简写语句优化的方法
- js中if语句的几种优化代码写法
- nodejs的10个性能优化技巧
- JavaScript性能优化之小知识总结
- js性能优化 如何更快速加载你的JavaScript页面
- JavaScript也谈内存优化
- JavaScript定时器和优化的取消定时器方法
- JS对img标签进行优化使用onerror显示默认图像
- Uglifyjs(JS代码优化工具)入门 安装使用
- 深入探究JavaScript中for循环的效率问题及相关优化
- js 优化次数过多的循环 考虑到性能问题
- javascript for循环从入门到偏门(效率优化+奇特用法)
- 整理AngularJS框架使用过程当中的一些性能优化要点
- JavaScript中对循环语句的优化技巧深入探讨
- JS代码优化技巧之通俗版(减少js体积)
- angularjs的一些优化小技巧
- Extjs优化(二)Form表单提交通用实现
- JS代码优化的8点建议
相关文章
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
ECMAScript中的语句,学习js的朋友可以参考下2012-02-02
JS使用window.requestAnimationFrame()对列表切片进行渲染
这篇文章主要为大家介绍了JS使用requestAnimationFrame对列表切片进行渲染,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-05-05


最新评论