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

页面加载后5秒后加载javascript?,javascript,html,Javascript,Html,我尝试了以下方法: <body id="myBody" onload = "setTimeout('a()', 5000)" / > 这是正确的方法吗?我之所以想这样做,是因为我有我的整个网站动画(如淡入)页面加载。使用javascript只会使动画变得不流畅 感谢您的反馈。 试试这个 如果您正在使用jQuery,您可能可以使用如下代码,您的动画有一个回调,您可以使用该回调延迟所有其他javascript事件的触发,如下所示: $( window ).on( 'load',

我尝试了以下方法:

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

这是正确的方法吗?我之所以想这样做,是因为我有我的整个网站动画(如淡入)页面加载。使用javascript只会使动画变得不流畅

感谢您的反馈。



试试这个


如果您正在使用jQuery,您可能可以使用如下代码,您的动画有一个回调,您可以使用该回调延迟所有其他javascript事件的触发,如下所示:

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

    $( '.someElements' ).animate({

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

        initScripts();
    });
});

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

打开网页时,浏览器始终会加载所有脚本(如果有)。因此,这取决于何时调用javascript函数。 试试这个:

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

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

此代码将正常工作。只需以毫秒为单位设置时间,并在loadAfterTime函数上编写JS代码:

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


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

window.onload=函数(){
setTimeout(loadAfterTime,5000)
};
函数loadAfterTime(){
//您需要执行的代码在这里。
}

你能发布你的JSF代码吗?你的代码对我来说是正确的。因此,如果我复制此代码并将其添加到文档头部的脚本标记中,它会正常工作吗?我使用css动画,但jquery用于其他动画,我希望在我的页面淡入5秒后触发这些动画。简单有效,不确定为什么没有被选为顶部。
<script>
 window.onload = function(){
   setTimeout(loadAfterTime, 5000)
};


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