的setInterval 1毫秒似乎並沒有實際上是1ms的

Question

我想一次文件需要多長時間使用它來下載一個HTTPRequest像這樣：

function getFile() { 
    'use strict'; 
    var url = "data.bin"; 
    var rawFile = new XMLHttpRequest(); 
    var timer_var = setInterval(theTimer, 1); 

    rawFile.open("GET", url, true); 
    rawFile.onreadystatechange = function() { 
     if(rawFile.readyState === XMLHttpRequest.DONE && rawFile.status === 200) { 
      toLog(rawFile.responseText); 
      window.clearInterval(timer_var); 
      toLog("Milliseconds for download: " + time_taken); 
     } 
    }; 
    rawFile.send(null); 
} 

function theTimer() { 
    'use strict'; 
    toLog(time_taken); 
    time_taken++; 
} 

正如你可以看到我已經setInterval打電話theTimer每一毫秒。所有thetimer()確實增加了一個變量，理論上這個變量應該有一個以毫秒爲單位的時間間隔運行的值。

當文件被下載時，我輸出數據，清除計時器並顯示以毫秒爲單位的時間。但是，價值不加起來。我應該差不多2秒鐘，但只能在250ms左右。

爲什麼setInterval真的不是每1ms？

Answer 1

From the docs：

延遲

的時間，以毫秒爲單位（千分之一秒），則定時器應該 延遲中所指定的功能或代碼的執行之間。 如果這個 參數小於10，則使用值10。請注意，實際的 延遲可能會更長;

（Mozilla的，但其他瀏覽器似乎使用類似的值）

也有到the documentation of setTimeout提的原因參考爲什麼「的實際延遲可能會更長。」

簡而言之：

• 沒有爲嵌套超時的最小延遲（已經在spec）
• 非活動選項卡可以夾緊超時以減少負載
• 頁面/瀏覽器/ OS可能處於繁忙與其他任務

在現代瀏覽器中似乎有a way using window.postMessage。

Answer 2

setInterval()和setTimeout()的延遲時間可能比指定時間長。這有多種原因：

請參閱MDN WindowTimers.setTimeout(): Reasons for delays longer than specified瞭解更多信息。