En Javascript/Jquery, comment afficher un div pendant 5 secondes, puis le faire disparaître?

Question

Par exemple, lorsque quelqu'un clique sur un bouton.

Answer 1

Utilisez la fonction de retard disponible depuis la version 1.4

De la documentation: http://api.jquery.com/delay/

$('#foo').fadeIn(400).delay(5000).fadeOut(400); 

Answer 2

Vous êtes à la recherche de la fonction delay:

$(something).delay(5000).fadeOut(); //5,000 milliseconds 

En général, vous pouvez appeler setTimeout:

setTimeout(function() { 
    //Do things... 
}, 5000); 

Answer 3

Dans la version 1.4, vous pouvez utiliser la fonction .delay(). Voici la documentation que:

jQuery Docs

Alternativement, vous pouvez regarder dans le javascript natif de la fonction setTimeOut().

Answer 4

Si vous utilisez Vous pouvez retirer le fadeIn si le div est visible immédiatement la 1.4+ JQuery, vous pouvez essayer

$('#myDiv').fadeIn('medium').delay(5000).fadeOut('medium'); 

.