jQuery mostrar durante 5 segundos y luego ocultar

Question

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

¿Cómo se muestra el mensaje durante 5 segundos y luego se oculta?

Answer 1

Puede utilizar .delay() antes de una animación, como esto:

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

Si no es una animación, utilice setTimeout() directamente como aquí:

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

Usted hace el segundo porque .hide() wouldn' Normalmente, estará en la cola de animación (fx) sin duración, es solo un efecto instantáneo.

O, otra opción es utilizar .delay() y .queue() a sí mismo, así:

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

Answer 2

Usted puede utilizar el efecto de abajo para animar, puede cambiar los valores según sus necesidades

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