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会产生回调堆积，特别是时间很短的时候。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

Bootstrap实现可折叠分组侧边导航菜单
这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下
2018-03-03
js 金额格式化来回转换示例
这篇文章主要介绍了js 金额格式化来回转换实现,需要的朋友可以参考下
2014-02-02
js实现连个数字相加而不是拼接的方法
这篇文章主要介绍了js如何实现连个数字相加而不是拼接,需要的朋友可以参考下
2014-02-02
javascript设计模式之module(模块)模式
这篇文章主要为大家详细介绍了javascript设计模式之module(模块)模式，感兴趣的小伙伴们可以参考一下
2016-08-08
JS针对Array的各种操作汇总
这篇文章主要为大家详细介绍了JS针对Array的各种操作,如何创建Array,数组的一些简单和基本的操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
JavaScript 文件优化全面指南
本文将探讨实用的 JavaScript 文件优化技术、如何处理与 JavaScript 文件相关的性能问题以及帮助优化过程的工具,你将获得提升web应用程序速度的相关知识,从而为你的用户提供无缝体验
2023-12-12
javascript cookies操作集合
因为最近要控制广告，所以从绿盟与脚本之家页面上，整理了一些cookies的操作控制代码，喜欢的朋友不容错过。
2010-04-04
JavaScript与HTML的结合方法详解
这篇文章主要介绍了JavaScript与HTML的结合方法，利用实例向大家介绍JavaScript与HTML是如何结合的，内容很详细，感兴趣的小伙伴们可以参考一下
2015-11-11
javascript遇到html5的一些表单属性
这篇文章主要介绍了javascript遇到html5的一些表单属性的相关资料,需要的朋友可以参考下
2015-07-07
JavaScript如何将伪数组转换成数组
这篇文章主要介绍了JavaScript如何将伪数组转换成数组，伪数组的主要特征是一个对象，并且该对象有length属性，更多参考内容，需要的小伙伴可以参考一下
2022-07-07