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

StackOverflow https://stackoverflow.com/questions/2426304

  •  19-09-2019
  •  | 
  •  

Question

Je dois cacher un div (comme « courrier envoyé avec succès » dans Gmail) après une certaine période de temps où je recharger la page.

Comment puis-je faire?

Était-ce utile?

La solution

Voici un exemple de travail complet basé sur vos tests. Comparez à ce que vous avez actuellement de savoir où vous allez mal. 

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

Autres conseils

Dans les anciennes versions de jquery, vous devrez faire le "javascript way" 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 remplacer « div » par l'élément approprié à l'aide d'un jquery sélecteur appeler la fonction lorsque le document est prêt . 

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


$().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>

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top