javascript - 执行Js代码，直到文档准备好

Question

在文档准备好之前，继续执行 JS 代码（在 m 情况下每 100 毫秒）的最佳方法是什么。

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

一份文件准备好了。执行应该停止。

Answer 1

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

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

Answer 2

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

这将清除 onload 事件的时间间隔。

Answer 3

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

Answer 4

像这样

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 5

使用clearInterval()

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