JS 파일에서 JS 파일을 호출 할 때 지연 설정

Question

하나의 Javascript 파일을 다른 파일에서로드하려고 시도하지만 지연 후 두 번째 파일을로드하려고합니다. 지연을 위해 무엇을 추가해야합니까?

$(document).ready(function() { 
    var script = document.createElement('script'); 
    script.src = "https://lib.store.yahoo.net/lib/yhst-136932942155053/BongoCheckout.Yahoo.2.js"; 
    document.getElementsByTagName('body')[0].appendChild(script); 
}); 

Answer 1

사용할 수 있습니다.

$(document).ready(function() { 
    var script = document.createElement('script'); 
    script.src = "https://lib.store.yahoo.net/lib/yhst-136932942155053/BongoCheckout.Yahoo.2.js"; 
    setTimeout(function(){ 
     document.body.appendChild(script); 
    },2000); // 2000 is the delay in milliseconds 
}); 

setTimeout은 밀리 초 단위로 지정한 기능을 실행합니다.

setTimeout에 대한 더 많은 공식적인 내용은 MDN Article을 참조하십시오.

또한 getElementsByTagName은 시체를 가져 오는 비열한 방법입니다. 대신 document.body을 사용하십시오.

여기에 간단한 데모가 setTimeout : JSFiddle입니다.

Answer 2

당신은 당신은 자바 스크립트 파일을로드하기 전에 X의 밀리 초 동안 지연 setTimeout을 사용할 수 있습니다 window.setTimeout(func, millisecs)

$(document).ready(function() { 
    var script = document.createElement('script'); 
script.src = "https://lib.store.yahoo.net/lib/yhst-136932942155053/BongoCheckout.Yahoo.2.js"; 
    window.setTimeout(function() { 
     document.getElementsByTagName('body')[0].appendChild(script); 
    }, 1000); // 1 sec 
});