2014-02-10 128 views
1

在我的网页我有一段JavaScript代码,允许一个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> 
+0

所以,你要140秒要加载的页面,它等待140秒,然后淡出?看看http://www.w3schools.com/js/js_timing.asp – Liath

回答

3

试试这个

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

Here是一个测试摆弄一个较小的延迟(这样你就不必等待完全140秒当然)

更多信息上setTimeouthere

另一个选择是使用jQuery的.delay()方法,参考here

0

假设你使用jQuery可以使用.delay()方法。看看文档,你也会找到一个例子。

0

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

$(document).ready(function() { 

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

}); 

后,该跑的淡出,如果你想扭转然后使用淡出的回调这样

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