如何在x秒后运行JavaScript函数

时间:2014-09-14 15:25:49

标签: javascript

我在10秒的身体负荷后尝试JavaScript功能。但它在身体负荷后立即显示出来。我不是JavaScript的专家,所以我无法找到问题所在。我的代码如下:

<script type="text/javascript">
window.onload=setInterval(div_show(), 10);
</script>

4 个答案:

答案 0 :(得分:7)

你需要:

  1. 将功能分配给onloadsetInterval返回间隔ID,而不是函数
  2. 将函数传递给setIntervaldiv_show()将调用div_show函数并传递其返回值
  3. 将您的秒数乘以1000. setInterval的第二个参数接受数毫秒而不是秒。
  4. 这样:

    onload = function () {
        setInterval(div_show, 10 * 1000);
    }
    

    最后,如果要在文档加载后10秒运行该函数,而不是从加载文档后的 10秒运行该函数,请使用setTimeout而不是{{1} }。

答案 1 :(得分:2)

将其包裹在一个函数中。

<script type="text/javascript">
window.onload = function(){
    setInterval(div_show, 10);
}
</script>

此外,如果您确定在主体加载时是否只想once执行此功能,您可能还想使用setTimeout而不是setInterval。像

<script type="text/javascript">
window.onload = function(){
    setTimeout(div_show, 10);
}
</script>

如果要在10秒后执行10,则需要将timer参数设置为number of seconds * 1000 在您的情况下,10*1000

无论

setTimeout(div_show, 10*1000);

setTimeout(div_show, 10000);

答案 2 :(得分:2)

<script>
    window.onload = function(){
        //time is set in milliseconds
        setTimeout(div_show, 10000)
    };
</script>

答案 3 :(得分:2)

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

<script>
 window.onload = function(){

        setTimeout(loadAfterTime, 1000)
};


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