Método delay
El método delay nos permite retrasar
la ejecución de funciones que están en una cola. Se
puede aplicar tanto a la cola estándar de
efectos como a colas personalizadas. Solo se
puede aplicar a eventos en una cola.
La duración se puede especificar no solo en milisegundos,
sino también con las palabras clave slow (600ms)
y fast (200ms); cuanto mayor sea el valor,
más lenta será la animación.
Dado que el método delay tiene ciertas limitaciones,
no es un reemplazo de la función nativa de JavaScript
setTimeout,
que en algunos casos puede ser más conveniente.
Sintaxis
Así es como establecemos el retraso. El primer parámetro
establece la duración del retraso para la ejecución
del siguiente elemento en la cola, en milisegundos. Con el segundo
parámetro opcional se puede pasar el nombre
de la cola - por defecto es fx - el nombre de la cola estándar
de efectos:
.delay(duración, [nombre de la cola]);
Ejemplo
Primero ocultemos el elemento usando
hide,
hagamos un retraso de 3 segundos y luego
mostrémoslo nuevamente usando
show:
<p id="test">texto texto texto</p>
$('#test').hide(1000).delay(3000).show(1000);
