JavaScript定时器和优化的取消定时器方法_Javascript教程-查字典教程网
JavaScript定时器和优化的取消定时器方法
JavaScript定时器和优化的取消定时器方法
发布时间:2016-12-30 来源:查字典编辑
摘要:通常用的方法:启动定时器:复制代码代码如下:window.setInterval(Method,Time)Method是定时调用的js方法T...

通常用的方法:

启动定时器:

复制代码 代码如下:

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教程学习
    编程开发子分类