jQuery show pendant 5 secondes puis cache

Question

J'utilise .show pour afficher un message caché après la soumission du 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 setTimeout() directement, comme ceci:

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

Vous faites la seconde parce que .hide() ne serait normalement pas dans la file d’animation (fx) sans durée, c’est un effet instantané.

Ou, une autre option consiste à utiliser .delay() et .queue() vous-même, 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');