計時器與新日期（）在js

Question

我有5個精靈（5塊，每一個比以前小）。 他們繪圖太快。如何正確使用新的日期（），getMilliseconds或其他方法的計時器，將繪製一些延遲？

例如，

for (i = 0; i < 5; i ++) { 
    xxx.drawImage(sprite, i, etc); 
} 

Answer 1

使用setInterval()或setTimeout()來設置計時器。但是，由於JavaScript的單線程特性，您應該注意到這兩個函數之間的細微差別。讓我們來看看這個例子：

setTimeout(function test() { 
    //your code 
    setTimeout(test, 100); 
}, 100); 

setInterval(function() { 
    //your code 
}, 100); 

這些代碼2塊似乎是一樣的，但是這不是這種情況是因爲JavaScript的單線程性質。

• 與setInterval()：如果您的代碼正忙於執行並需要很長時間才能完成。當您的代碼仍在執行時，下一個時間間隔可能會觸發，並且這些時間間隔將排隊等候。最後，你可能最終在連續運行某些處理程序沒有任何延遲

• 隨着setTimeout()：下一個時間間隔設置爲僅當你當前的代碼已經完成被解僱。這保證了下一次執行永遠不會小於間隔（在這種情況下爲100），只等於或者更長。