Afficher jQuery pendant 5 secondes puis masquer

Question

J'utilise .show pour afficher un message masqué après l'envoi d'un formulaire. Comment afficher le message pendant 5 secondes puis masquer?

Answer 1

Vous pouvez utiliser .delay() avant une animation, comme ceci:

$("#myElem").show().delay(5000).fadeOut(); 

Si ce n'est pas une animation, utilisez directement setTimeout(), comme ceci:

$("#myElem").show(); 
setTimeout(function() { $("#myElem").hide(); }, 5000); 

Vous faites la seconde parce .hide() wouldn » t normalement être sur la file d'attente animation (fx) sans une durée, c'est juste un effet instantané.

Ou, une autre option est d'utiliser .delay() et .queue() vous, comme ceci:

$("#myElem").show().delay(5000).queue(function(n) { 
    $(this).hide(); n(); 
}); 

Answer 2

Vous pouvez utiliser l'effet ci-dessous pour animer, vous pouvez modifier les valeurs selon vos besoins

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow');