Wyświetlanie DIV jQuery znika po określonym czasie ustawiania

Question

Mam następujący kod i chciałbym ukryć DIV (.video-field-new) po upływie określonego czasu po załadowaniu strony, na przykład 5 sekund. Czy to jest możliwe?

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

I bonus, gdybym mógł go zanikać, zamiast znikać, gdy użytkownik zobaczy, że to się dzieje.

Answer 1

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

Answer 2

Można to zrobić w ten sposób

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

Answer 3

Nawet Możemy zrobić tak: w 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> 

w JS:

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

w css :

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

Dla Demo Kliknij na link https://jsfiddle.net/kingtaherkings/133v70se/

Answer 4

Try

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

Dzięki