jQuery在一定的設定時間後淡出DIV顯示

我有以下代碼，並希望在頁面加載後指定時間後隱藏DIV（.video-field-new），例如5秒。那可能嗎？jQuery在一定的設定時間後淡出DIV顯示

<div id="BodyField"> 
    <div class="video-field-new"></div> 
</div>

和獎金，如果我可以淡出，而不是消失，因爲用戶會看到發生這種情況。

來源

2013-02-27 Dan

我不知道我明白你的問題。你嘗試過什麼嗎？什麼？ – 2013-02-27 17:51:24

[jQuery後x秒後淡出div]（http://stackoverflow.com/questions/13425347/fade-out-div-after-x-seconds-with-jquery） – 2014-07-11 04:39:30

$(window).load(function(){ 
    setTimeout(function(){ $('.video-field-new').fadeOut() }, 5000); 
});

來源

2013-02-27 17:50:23

儘管Starx答案很短，可讀性強，它沒有特別關注OP要求的「頁面加載」+1這兩個答案。 – 2017-04-18 12:30:22

你能做到這樣

$("#BodyField").delay(5000).fadeOut();

來源

2013-02-27 17:52:18 Starx

實際上它有幫助，因爲這是一個更具可讀性的格式。 – Daenarys 2014-04-01 07:44:32

很乾淨的解決方案。我喜歡。謝謝。 – 2016-09-21 16:56:02

甚至我們可以這樣做：在HTML

<div id="BodyField"> 
     <div class="video-field-new"> 
     <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p> 
     <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p> 
     <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p> 
     <p>This is your DIV with text which will fade Out after delay 5s using jQuery</p> 

    </div> 
</div>

在JS：

$(function() { 
    $('.video-field-new').delay(5000).show().fadeOut('slow'); 
});

在CSS

：

div { 
    width:200px; 
    height:80px; 
    float:left; }

對於演示點擊鏈接 https://jsfiddle.net/kingtaherkings/133v70se/

來源

2017-03-03 13:18:27

嘗試

$('#div').fadeIn('fast').delay(1000).fadeOut('fast'); 
$('#div-inner').fadeIn('slow').delay(1000).hide(0);

感謝

來源

2017-10-10 06:47:17

jQuery在一定的設定時間後淡出DIV顯示

回答

相關問題