jQuery Fade-Out DIV Anzeige nach einer bestimmten Zeit

Question

Ich habe den folgenden Code und möchte ein DIV (.video-field-new) nach einer bestimmten Zeit nach dem Laden der Seite, zum Beispiel 5 Sekunden verstecken. Ist das möglich?

Und Bonus, wenn ich es hätte ausblenden lassen anstatt nur verschwinden, wie der Benutzer dies auftreten wird.

Answer 1

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

Answer 2

Sie können es auf diese Weise tun

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

Answer 3

Auch können wir tun, wie folgt: 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; } 

Für Demo Klicken Sie auf Link- https://jsfiddle.net/kingtaherkings/133v70se/

Answer 4

Versuchen

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

Dank