Método delay
O método delay nos permite atrasar
a execução de funções que estão na fila. Ele
pode ser aplicado tanto para a fila padrão de
efeitos quanto para filas personalizadas. Ele
só pode ser aplicado a eventos na fila.
A duração pode ser definida não apenas em milissegundos,
mas também com as palavras-chave slow (600ms)
e fast (200ms), quanto maior o valor,
mais lenta é a animação.
Como o método delay tem certas limitações,
ele não é um substituto para a função JavaScript nativa
setTimeout,
que em certos casos pode ser mais conveniente.
Sintaxe
É assim que definimos o atraso. O primeiro parâmetro
define a duração do atraso na execução
do próximo item na fila em milissegundos. O segundo
parâmetro opcional pode ser usado para passar o nome
da fila - por padrão fx - o nome da fila padrão
de efeitos:
.delay(duração, [nome da fila]);
Exemplo
Vamos primeiro ocultar o elemento usando
hide,
atrasar em 3 segundos e depois
mostrá-lo novamente usando
show:
<p id="test">texto texto texto</p>
$('#test').hide(1000).delay(3000).show(1000);
