Tutoriales básicos de jQuery

Efectos de jQuery

Métodos de operación de jQuery

Recorrido de jQuery

jQuery Ajax

Miscelánea de jQuery

Manual de referencia de jQuery

HTML de jQuery/Métodos CSS Métodos de efecto de jQuery

Método de efecto delay() de jQuery

Métodos de efecto de jQuery

El método delay() establece un temporizador para retrasar la ejecución de los proyectos posteriores en la cola.

Sintaxis:

$(selector).delay(duracion, nombreDeCola)

Ejemplo

Establecer diferentes valores de velocidad para el método delay():

Ejemplo

$("button").click(function(){
　　$("#div1.delay("slow").fadeIn();
　　$("#div2.delay("fast").fadeIn();
　　$("#div3.delay(1000).fadeIn();
　　$("#div4.delay(2000).fadeIn();
　　$("#div5.delay(3000).fadeIn();
});

Prueba y observa‹/›

Realizar animaciones de deslizamiento hacia arriba y hacia abajo en dos div, mostrar " div1Antes de ejecutar "

Ejemplo

$("button").click(function(){
　　$("#div1).slideUp(300).delay(800).slideDown(400);
　　$("#div2).slideUp(300).slideDown(400);
});

Prueba y observa‹/›

Uso simultáneo de delay() y animate():

Ejemplo

$("button").click(function(){
　　$("div").animate({width: "500px"});
　　$("div").delay(1000).animate({fontSize: "5em"});
});

Prueba y observa‹/›

Valor de parámetro

Parámetros	Descripción
duration	（opcional）Especificar el número de milisegundos para retrasar la ejecución del siguiente elemento en la cola Valores posibles: milisegundos (por ejemplo100,500,2000, etc.) “rápido” “lento”
queueName	（opcional）Especificar el nombre de la cola. El nombre predeterminado esfx，fila de efectos estándar

Métodos de efecto de jQuery

HTML de jQuery/Métodos CSS Métodos de efecto de jQuery