delay(和setTimeout()的區別

標籤：執行   set   pass   情況   問題   over   元素   out   效果   

近來幾日在寫遊戲代碼時，頻繁會用到定時器，偶爾想到有個.delay()方法，用了幾次發現兩者效果相差很大，遂就仔細考究了一下兩者的區別！

 

1. setTimeout函數是從頁面開始的時候計算time的

 

2. JQuery提供的delay函數，如果已經對某一個元素調用用.delay(time)的話，那麼如果你在程式後面再次調用.delay(time2)，那麼這個元素的第二次delay後的執行操作的時間就是從time + time2。

 

在控制動畫鏈的執行順序的時候如果用記錄delay時間來控制，後續對同個元素進行操作的時候就會出現計算時間不容易的情況。比如：

先控制一組div按順序fadeIn，然後第二組div按序fadeIn，兩組的元素個數不一定相同。

然後又要對第一組裡的div按序animate。這樣的情況用delay就比較麻煩，用setTimeout就容易控制的多，只要對每次的delay增加就是了。

 

setTimeout函數還有個問題就是在迴圈裡如果使用到了迴圈裡的參數的話，會出現每次迴圈的setTimeout函數的參數都是同個值。

這裡有說明http://yeak2001.iteye.com/blog/430522

 

有個辦法就是再分裝一個函數

如這裡提到的，再寫一個doSettimeout（i）函數，用i來傳參就不會出現這個問題了。

這裡有寫→http://stackoverflow.com/questions/5226285/settimeout-in-a-for-loop-and-pass-i-as-value

delay(和setTimeout()的區別