Как скрыть div после некоторого периода времени?

Мне нужно скрыть div (например, "почта отправлена успешно" в Gmail) через определенный период времени, когда я перезагружаю страницу.

Как я могу это сделать?

Ответ 1

Здесь приведен полный рабочий пример, основанный на вашем тестировании. Сравните это с тем, что у вас есть, чтобы выяснить, куда вы идете неправильно.

<html> 
  <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript"> 
      $(document).ready( function() {
        $('#deletesuccess').delay(1000).fadeOut();
      });
    </script>
  </head> 
  <body> 
    <div id=deletesuccess > hiiiiiiiiiii </div> 
  </body> 
</html>

Ответ 2

В более старых версиях jquery вам придется сделать это "javascript way", используя settimeout

setTimeout( function(){$('div').hide();} , 4000);

или

setTimeout( "$('div').hide();", 4000);

Недавно с jquery 1.4 это решение было добавлено:

$("div").delay(4000).hide();

Конечно замените "div" на правильный элемент, используя действительный jquery selector и вызовите функцию, когда документ готов.

Ответ 3

setTimeout('$("#someDivId").hide()',1500);