這篇文章主要介紹了淺談JavaScript中setInterval和setTimeout的使用問題,作者建議在任務龐大時盡量避免使用setInterval,需要的朋友可以參考下

說到setInterval，就不得不提到setTimeout，二者都是用于定時執行某函數，區別在于setTimeout 只執行一次，而setInterval可以一直連續不斷執行下去，典型用法如下：

1. function do_sth() { console.log('Hello...'); } 

1. setTimeout(do_sth, 2500); // 2.5 秒后，執行 do_sth 函數（只執行一次） 
2. setInterval(do_sth, 3500); // 3.5 秒后，執行 do_sth 函數（每隔 3.5 秒執行一次，一直執行下去） 

表面看上去，二者各有各的用途，沒什么問題。但是如果setInterval所執行的函數是比較耗時的動作，setInterval仍然會按照原計劃安排調用那個函數，而不考慮之前的任何阻塞，這樣隨著時間的推移，隊列中等待執行的函數就會越來越多。而對于此問題解決方案仍然是采用遞歸調用setTimeout 的方法，如：

1. function do_sth() { 
2. console.log('Hello...'); // 即使這里執行比較耗時的動作也沒問題， 
3. // 等這里執行完了才會再去調用 setTimeout 
4.  
5. setTimeout(do_sth, 2500); // 安排后續執行 
6. } 
7.  
8. do_sth(); // 初次執行 

這種遞歸調用的方式，既可以達到循環執行某函數的目的，有可以防止后續任務不斷堆積。

如果你覺得這種方式有點羅嗦，還可以再寫得精煉一些：

1. (function() { 
2. console.log('Hello...'); // do something here 
3. setTimeout(arguments.callee, 2500); 
4. })(); 

說是這么說，但是如果定時執行的任務開銷很少，setInterval一般是沒什么問題的，但是如果任務開銷比較大，請務必使用setTimeout。