web-dev-qa-db-fra.com

Comment cacher un div après une certaine période de temps?

J'ai besoin de masquer un div (comme "courrier envoyé avec succès" dans Gmail) après une certaine période de temps lorsque je recharge la page.

Comment puis je faire ça?

jqueryhtmlfadeout
37
rag

Voici un exemple de travail complet basé sur vos tests. Comparez-le à ce que vous avez actuellement pour savoir où vous vous trompez.

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

Dans les anciennes versions de jquery, vous devrez le faire de la "manière javascript" en utilisant settimeout

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

ou

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

Récemment avec jquery 1.4 cette solution a été ajoutée:

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

Bien sûr, remplacez "div" par l'élément correct en utilisant un sélecteur jquery valide et appelez la fonction lorsque le document est prêt .

44
marcgg
setTimeout('$("#someDivId").hide()',1500);
8
Jage
$().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>
2
Osahady