2014-02-10 124 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")} 
);