jQuery display DIV in dissolvenza dopo un determinato periodo di tempo

Question

Ho il seguente codice e vorrei nascondere un DIV (.video-field-new) dopo un intervallo di tempo specificato dopo il caricamento della pagina, ad esempio 5 secondi. È possibile?

E bonus se potessi farlo svanire invece di scomparire appena l'utente vedrà ciò che si sta verificando.

Answer 1

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

Answer 2

Si può fare in questo modo

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

Answer 3

Anche possiamo fare in questo modo: in 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> 

in js:

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

in css :

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

Per Demo Clicca sul link https://jsfiddle.net/kingtaherkings/133v70se/

Answer 4

Prova

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

Grazie