JavaScript定时器和优化的取消定时器方法_javascript技巧
程序员文章站
2022-05-30 09:42:51
...
通常用的方法:
启动定时器:
window.setInterval(Method,Time)
clearInterval(Method);
var timeout = false; //启动及关闭按钮
function time()
{
if(timeout) return;
Method();
setTimeout(time,100); //time是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒
}
启动定时器:
复制代码 代码如下:
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定时器取消定时器及优化方法
-
Javascript 定时器调用传递参数的方法
-
javascript的定时器setTimeout()和setInterval()
-
Javascript/Jquery——简单定时器的多种实现方法
-
JavaScript获取和设置CheckBox状态的简单方法_javascript技巧
-
javascript定时器,取消定时器,及js定时器优化方法
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
fckeditor粘贴Word时弹出窗口取消的方法_javascript技巧
-
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系_javascript技巧
-
JavaScript获取和设置CheckBox状态的简单方法_javascript技巧