淡出的div使用jQuery

Question

我做了淡入不顯示格當我加載的頁面：

$('#overlay').fadeIn('fast'); 
    $('#box').fadeIn('slow'); 

我x秒後執行此操作，這樣做的股利的淡​​出：

$('#overlay').fadeOut('fast'); 
$('#box').hide(); 

我該怎麼辦？ 其實fadeOut完成按鈕單擊。

腳本在這裏：http://clouderize.it/cookie-localstorage/a.php 單擊其他圖像時出現的div將在x秒後消失。 非常感謝。

Answer 1

的.delay方法目的專爲你所描述的：

$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast'); 
$('#box').fadeIn('slow').delay(1000).hide(0); 

http://jsfiddle.net/SUBnz/1/

Answer 2

你可以使用setTimeout()

var xSeconds = 1000; // 1 second 

setTimeout(function() { 
    $('#overlay').fadeOut('fast'); 
    $('#box').hide(); 
}, xSeconds); 

Answer 3

這也許是來不及答覆，但我發現了一個幫助我的方式。 （「＃overlay」）。fadeTo（10000,1）.fadeOut（5000）;。。。。。。。。。。。。。。。。。。。。。。。。。。。

請參考以下鏈接 http://juristr.com/blog/2009/12/howto-fade-out-div-after-some-seconds/

它允許您設置，當你想在div消失，與什麼樣的速度一樣的時間。