執行Js代碼，直到文檔準備好

Question

在文檔準備就緒之前，繼續執行JS代碼（每隔100毫秒）的最佳方式是什麼？

setInterval(function() { 
    xajax_updateLoader(); 
}, 100); 

一個文件準備就緒。執行應該停止。

Answer 1

var interval = setInterval(function() { ... }, 100); 
window.onload = function() { clearInterval(interval); } 

這將清除onload事件的時間間隔。

Answer 2

var handle = setInterval(function() { 
    xajax_updateLoader(); 
    if (jQuery.isReady) { 
     //DOM is ready 
     clearInterval(handle); 
    } 
}, 100); 

Answer 3

像這樣

domReady = false; 

var ctx = setInterval(function() { 
if (domReady === true) 
{ 
    clearInterval(ctx); 
} 
// your code here 
}, 100); 

if (typeof document.addEventListener !== 'undefined') // chrome/safari/firefox 
{ 
document.addEventListener("DOMContentLoaded", function(){ 
    domReady = true; 
    document.removeEventListener('DOMContentLoaded'); 
}, false); 
} 
else if (typeof document.attachEvent !== 'undefined') // IE 
{ 
document.attachEvent("onreadystatechange", function(){ 
    if (document.readyState === "complete") 
    { 
    document.detachEvent("onreadystatechange", arguments.callee); 
    domReady = true; 
    } 
}); 
} 

Answer 4

使用clearInterval()

var interval = setInterval(function() { ... }, 100); 
$(document).ready(function(){ 
clearInterval(interval); 
}); 

Answer 5

var updateInterval; 
$(function(){ 
updateInterval= setInterval(function() { 
    xajax_updateLoader(); 
}, 100); 
}); 

$(windows).load(function(){ 
    clearInterval(updateInterval) 
});