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

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

36 голосов
/ 11 марта 2010

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

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

Ответы [ 4 ]

91 голосов
/ 11 марта 2010

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

<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>
43 голосов
/ 11 марта 2010

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

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

или 

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

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

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

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

8 голосов
/ 11 марта 2010 
setTimeout('$("#someDivId").hide()',1500);
2 голосов
/ 23 октября 2018 

$().ready(function(){

  $('div.alert').delay(1500);
   $('div.alert').hide(1000);
});
div.alert{
color: green;
background-color: rgb(50,200,50, .5);
padding: 10px;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="alert"><p>Inserted Successfully . . .</p></div>
...