jQuery show per 5 secondi, quindi nascondere

Question

Sto utilizzando .show per visualizzare un messaggio nascosto dopo aver inviato correttamente un modulo.

Come visualizzare il messaggio per 5 secondi, quindi nascondere?

Answer 1

È possibile utilizzare .delay() prima di un'animazione, come questo:

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

Se non è un'animazione, utilizzare setTimeout() direttamente, in questo modo:

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

Tu fai il secondo perché .hide() wouldn' normalmente si trova nella coda di animazione (fx) senza una durata, è solo un effetto istantaneo.

Oppure, un'altra opzione è quella di utilizzare .delay() e .queue() te stesso, in questo modo:

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

Answer 2

È possibile utilizzare l'effetto di seguito per animare, è possibile modificare i valori secondo i vostri requisiti

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