Отображение DIV jQuery после определенного установленного времени

У меня есть следующий код и вы хотите скрыть DIV (.video-field-new) через определенное количество времени после загрузки страницы, например 5 секунд. Возможно ли это?

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

И бонус, если бы я мог его затухать, а не просто исчезать, так как пользователь увидит это.

Ответ 1

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

Ответ 2

Вы можете сделать это таким образом

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

Ответ 3

Даже мы можем сделать вот так: в 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/

Ответ 4

Try

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

Спасибо