Как скрыть div через некоторое время?

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

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

3 ответов


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

<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>

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

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

или

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

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

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

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


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