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

  • 19
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HTML页面退出关闭定时器: 在HTML页面中,当你离开或者关闭页面时,应该清除所有的定时器以释放内存,可以使用以下代码实现: ```javascript window.onbeforeunload = function(){ clearInterval(timer);//清除定时器 } ``` JavaScript设置定时器JavaScript中有两种定时器:setInterval() 和 setTimeout()。setInterval() 方法会按照指定周期(以毫秒计)来调用函数,setTimeout() 方法会在指定的时间后执行一次。 setInterval() 语法: ```javascript var intervalID = window.setInterval(func, delay, [param1, param2, ...]); ``` setTimeout() 语法: ```javascript var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); ``` 取消定时器: 使用clearInterval() 或 clearTimeout() 方法可以取消定时器。 clearInterval() 语法: ```javascript window.clearInterval(intervalID); ``` clearTimeout() 语法: ```javascript window.clearTimeout(timeoutID); ``` 执行机制解析: setInterval() 和 setTimeout() 方法使用了 JavaScript 的事件循环机制。在 JavaScript 中,事件循环会不断地从任务队列中取出任务并执行,当任务队列为空时,事件循环会一直等待新的任务加入。 setInterval() 和 setTimeout() 方法会把回调函数推入任务队列,当时间到达后,事件循环会执行这个任务。setInterval() 方法会不断地将同一个任务推入任务队列,直到使用 clearInterval() 方法取消定时器。setTimeout() 方法只会推入一个任务,执行后就结束了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值