Question

在我的网页上，我有一段允许div淡入的javascript

<script type="text/javascript">
    $(document).ready(function () {

        $('#page_effect').fadeIn(10000);

    });
</script>

但是，我希望同样的div能够淡出。我有淡出的代码，但我想知道如何延迟javascript代码的运行，大约140秒

<script type="text/javascript">
    $(document).ready(function () {

        $('#page_effect').fadeOut(140000);

    });
</script>

Answer 1

试试这个

<script type="text/javascript">
    $(document).ready(function () {
        setTimeout(function() {
           $('#page_effect').fadeOut();
        }, 140000);
    });
</script>

Here是一个测试小提琴，延迟较小（因此你不必等待整整140秒）

有关setTimeout here

的更多信息

另一种选择是使用jQuery＆＃39; .delay()方法，引用here

Answer 2

尝试阅读有关setTimeout http://www.w3schools.com/jsref/met_win_settimeout.asp。

的信息

Answer 3

这可能对您有所帮助..使用设置间隔为您的功能set interval

Answer 4

假设您使用的是jQuery，则可以使用.delay（）方法。看看文档，你也会找到一个例子。

https://api.jquery.com/delay/

Answer 5

您可以像这样使用简单的setTimeout();：

 $(document).ready(function () {

   setTimeout(function(){ $('#page_effect').fadeOut(140000);},140000);

});

如果您想要反向，则在140秒后运行淡出然后使用fadeOut的回调

 $('#page_effect').fadeOut(140000,function()
   {alert("I will be called after 140 sec")}
 );

延迟JavaScript代码

5 个答案: