first - jquery has not

jQuery show durante 5 segundos y luego ocultar

Question

Estoy usando .show para mostrar un mensaje oculto después de enviar un formulario exitosamente.

¿Cómo mostrar el mensaje por 5 segundos y luego ocultarlo?

Answer 1

Puede usar .delay() antes de una animación, como esta:

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

Si no es una animación, use setTimeout() directamente, así:

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

Haga lo segundo porque .hide() normalmente no estaría en la cola de animación ( fx ) sin duración, es solo un efecto instantáneo.

O bien, otra opción es usar .delay() y .queue() usted mismo, así:

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

Answer 2

Puedes usar el siguiente efecto para animar, puedes cambiar los valores según tus requisitos

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