Tutorial básico jQuery

Efeitos jQuery

Métodos de operação jQuery

Navegação jQuery

jQuery Ajax

Miscelânea jQuery

Manual do jQuery

HTML do jQuery/Métodos CSS Métodos de Efeito do jQuery

Método delay() de efeitos jQuery

Métodos de Efeito do jQuery

O método delay() define um temporizador para a execução subsequente de itens na fila.

Sintaxe:

$(selector).delay(duracao, nomeDaFila)

Exemplo

Para definir diferentes velocidades para o método delay():

Exemplo

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

Teste e Veja‹/›

Realizar animação de deslizar para cima e para baixo de dois divs, ao exibir " div1Antes de exibir "

Exemplo

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

Teste e Veja‹/›

Uso simultâneo de delay() e animate()：

Exemplo

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

Teste e Veja‹/›

Valor do Parâmetro

Parâmetros	Descrição
duration	（Opcional）Especificar o número de milissegundos de atraso para a execução do próximo item na fila Valores Possíveis： milissegundos（por exemplo100、500、2000等） “fast” “slow”
queueName	（Opcional）Especificar o nome da fila. O padrão éfx，Fila de Efeitos Padrão

Métodos de Efeito do jQuery

HTML do jQuery/Métodos CSS Métodos de Efeito do jQuery