Javascript延迟功能

Question

我正在构建一个JavaScript库.我正在研究一个像这样工作的延迟函数:

function delay(ms) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
        if ((new Date().getTime() - start) > ms){
            break;
        }
    }
}

这个想法是我可以做这样的事情:

window.onload = function() {
  delay(5000);  //this function will act 5 seconds after the page loads
  document.getElementById('Header').innerHTML = 'Welcome';
};

延迟工作正常,但它停止页面上的所有JavaScript,而不是只是延迟window.onload功能.

有谁知道我能做什么？

Answer 1

使用setTimeout而不是延迟方法.它不会阻止用户界面,而且更清洁.

setTimeout(function() {
   document.getElementById('Header').innerHTML = 'Welcome';
}, 5000);