javascript定时器，取消定时器，及js定时器优化方法

通常用的方法：

启动定时器：

[javascript]  view plain  copy

 

1. window.setInterval(Method,Time)    

Method是定时调用的js方法

Time是间隔时间，单位是毫秒

取消定时器：

[javascript]  view plain  copy

 

1. clearInterval(Method);  

setInterval 的堆调用

setTimeout 只会执行回调函数一次，不过 setInterval - 正如名字建议的 - 会每隔 X 毫秒执行函数一次。 但是却不鼓励使用这个函数。

当回调函数的执行被阻塞时，setInterval 仍然会发布更多的毁掉指令。在很小的定时间隔情况下，这会导致回调函数被堆积起来。

function foo(){// 阻塞执行 1 秒}
setInterval(foo,1000);

上面代码中，foo 会执行一次随后被阻塞了一分钟。

在 foo 被阻塞的时候，setInterval 仍然在组织将来对回调函数的调用。 因此，当第一次 foo 函数调用结束时，已经有10次函数调用在等待执行。

那么问题来了。用 clearInterval(timerid);来清除，往往不能马上停止，用什么方法比较好解决？

优化方案如下

[javascript]  view plain  copy

 

1. var timeout = false; //启动及关闭按钮  
2. function time()  
3. {  
4.   if(timeout) return;  
5.   Method();  
6.   setTimeout(time,100); //time是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒  
7. }  

总结
一般不用setInterval，而用setTimeout的延时递归来代替interval。

setInterval会产生回调堆积，特别是时间很短的时候。