定時器setTimeout()的小秘密

除了放置非同步任務的事件，"任務隊列"還可以放置定時事件，即指定某些代碼在多少時間之後執行。這叫做"定時器"（timer）功能，也就是定時執行的代碼。

定時器功能主要由setTimeout()和setInterval()這兩個函數來完成，它們的內部運行機制完全一樣，區別在於前者指定的代碼是一次性執行，後者則為反覆執行。以下主要討論setTimeout()。

setTimeout()接受兩個參數，第一個是回調函數，第二個是推遲執行的毫秒數。

console.log(1);setTimeout(function(){console.log(2);},1000);console.log(3);

上面代碼的執行結果是1，3，2，因為setTimeout()將第二行推遲到1000毫秒之後執行。

如果將setTimeout()的第二個參數設為0，就表示當前代碼執行完（執行棧清空）以後，立即執行（0毫秒間隔）指定的回調函數。

setTimeout(function(){console.log(1);}, 0);console.log(2);

上面代碼的執行結果總是2，1，因為只有在執行完第二行以後，系統才會去執行"任務隊列"中的回調函數。

總之，setTimeout(fn,0)的含義是，指定某個任務在主線程最早可得的空閑時間執行，也就是說，儘可能早得執行。它在"任務隊列"的尾部添加一個事件，因此要等到同步任務和"任務隊列"現有的事件都處理完，才會得到執行。

HTML5標準規定了setTimeout()的第二個參數的最小值（最短間隔），不得低於4毫秒，如果低於這個值，就會自動增加。在此之前，老版本的瀏覽器都將最短間隔設為10毫秒。另外，對於那些DOM的變動（尤其是涉及頁面重新渲染的部分），通常不會立即執行，而是每16毫秒執行一次。這時使用requestAnimationFrame()的效果要好於setTimeout()。

需要注意的是，setTimeout()只是將事件插入了"任務隊列"，必須等到當前代碼（執行棧）執行完，主線程才會去執行它指定的回調函數。要是當前代碼耗時很長，有可能要等很久，所以並沒有辦法保證，回調函數一定會在setTimeout()指定的時間執行。