有什么區(qū)別嗎？
是。調(diào)用setTimeout（）后，超時(shí)執(zhí)行一定的時(shí)間; 間隔在上一個(gè)間隔觸發(fā)后執(zhí)行一定的時(shí)間。
如果doStuff（）函數(shù)需要一段時(shí)間才能執(zhí)行，您會(huì)注意到區(qū)別。例如，如果我們使用setTimeout / setInterval表示調(diào)用，.使用*和執(zhí)行JavaScript代碼觸發(fā)超時(shí)/間隔[-----]，則時(shí)間軸如下所示：
Timeout:
. * . * . * . * .
[--] [--] [--] [--]
Interval:
. * * * * * *
[--] [--] [--] [--] [--] [--]
下一個(gè)復(fù)雜情況是，如果在JavaScript已經(jīng)忙于執(zhí)行某些操作（例如處理上一個(gè)間隔）時(shí)會(huì)觸發(fā)間隔。在這種情況下，會(huì)記住間隔，并在上一個(gè)處理程序完成后立即發(fā)生并將控制權(quán)返回給瀏覽器。因此，例如doStuff（）過程有時(shí)很短（[ - ]），有時(shí)很長（[-----]）：
. * * ? * ? * *
[-] [-----][-][-----][-][-] [-]
?表示無法立即執(zhí)行其代碼的間隔觸發(fā)，而是取而代之。
因此，間隔試圖“趕上”以按時(shí)恢復(fù)。但是，它們并不排在一起：每個(gè)區(qū)間只能有一個(gè)執(zhí)行掛起。（如果他們都排隊(duì)等候，瀏覽器會(huì)留下不斷擴(kuò)展的未完成執(zhí)行列表?。?/p>
. * ? ? x ? ? x
[------][------][------][------]
x表示無法執(zhí)行或被掛起的間隔觸發(fā)，因此被丟棄。
如果你的doStuff（）函數(shù)通常需要比為它設(shè)置的時(shí)間間隔更長的時(shí)間來執(zhí)行，那么瀏覽器會(huì)吃100％的CPU來嘗試為它提供服務(wù)，并且可能會(huì)降低響應(yīng)速度。
你用哪個(gè)？為什么？
Chained-Timeout為瀏覽器提供了保證的空閑時(shí)間; Interval嘗試確保其運(yùn)行的功能盡可能接近其預(yù)定時(shí)間執(zhí)行，但代價(jià)是瀏覽器UI可用性。
我會(huì)考慮一次性動(dòng)畫的間隔，我希望盡可能平滑，而鏈?zhǔn)匠瑫r(shí)對(duì)正在進(jìn)行的動(dòng)畫更有禮貌，這些動(dòng)畫會(huì)在頁面加載時(shí)一直發(fā)生。對(duì)于要求較低的用途（例如每30秒觸發(fā)一次微不足道的更新程序），您可以安全地使用它們。
在瀏覽器兼容性方面，setTimeout優(yōu)先于setInterval，但您今天將遇到的所有瀏覽器都支持這兩種瀏覽器。多年來最后一個(gè)落后者是WinMo <6.5的IE Mobile，但希望現(xiàn)在也落后于我們。
