页面加载后5秒后加载javascript?

时间:2013-11-28 01:41:16

标签: javascript html

我尝试了以下内容:

<body id="myBody" onload = "setTimeout('a()', 5000)" / >

这是正确的方法吗?我想要这样做的原因是因为我在整个页面上加载了整个网站(例如淡入淡出)。拥有我的javascript只会让动画变得不流畅。

任何反馈意见。

5 个答案:

答案 0 :(得分:2)

此代码可以使用。只需设置您的时间(以毫秒为单位)并在loadAfterTime函数上编写JS代码:

<script>
 window.onload = function(){
   setTimeout(loadAfterTime, 5000)
};


function loadAfterTime() { 
// code you need to execute goes here. 
}
</script>

答案 1 :(得分:1)

<body id="myBody" onload = "setTimeout(a, 5000)">
试试这个

答案 2 :(得分:1)

window.addEventListener("load", function () {
    animation();
    setTimeout(otherOperation, 5000);
}, false);

function animation() {}
function otherOperation() {}

也许你可以使用这样的代码

答案 3 :(得分:0)

如果您使用的是jQuery,您的动画会有一个回调,您可以使用它来延迟所有其他javascript事件的触发,如下所示:

$( window ).on( 'load', function () {

    $( '.someElements' ).animate({

        // properties to animate
    }, 300, function () {

        initScripts();
    });
});

function initScripts () {
  // call all other functions here
}

答案 4 :(得分:0)

当您打开网页时,浏览器始终会加载您的所有脚本。所以这取决于你何时调用你的javascript函数。 试试这个:

document.ready(function(){ 
 // your code
});
or
$(function(){
     // your code
});

它们都确保页面上的所有元素都已加载。