jQuery Delay Plugin
Postado por: Pedro Rogério emjQuery Delay Plugin é um plugin desenvolvido para jQuery criado para que possamos definir um tempo de espera antes da execução de uma função específica:
$(document).ready(function(){
// Ao clicar no link é disparada a funcao
$("a").click(function(){
// Delay de 1 segundo...
$(this).delay(1000,function(){
// É mostrada a div com o efeito slideToggle
$("div").slideToggle('slow');
// Agora temos um Delay de 3 segundos
$(this).delay(3000,function(){
// Mudamos a cor de fundo da Div para azul
$("div").css("backgroundColor","blue");
});
});
});
});
Vocês podem ver o plugin em ação nesse link.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Muito Interessante, Pedro!
Pode me ser útil XD
abraços
Faz-me rir,
setTimeout()
e
jquery.delay()
Não acrescentou nada, funcionam de forma idêntica. Sinceramente, perda de tempo.
Eh, pelo ponto de vista do paulo, a roda re-inventada ai ficou até maior uhuhuhuh
Explicação do autor pra usar isso e não setTimeout (não me convenceu):
Yes you could use setTimeout, but it is much easier to read this:
$(this).delay(1000,function(){
// A bunch of code
// More…
// Even more
});
Than it is to read this:
setTimeout(function(){
// A bunch of code
// Something…
// Even more
},1000);
Also, I have found using pure setTimeout() is picky about infinite loops.
Nossa! Você me salvou aqui!
Pior que eu assino o feed deste BLOG, mas estou corrido em um trampo aqui e estava precisando exatamente de um DELAY de função. Procurei no Google.com e num achei nada! aí fui no Google.com.br e encontrei. Esse Pedro Rogério é muito bom mesmo viu!
Obrigado por me salvar…
Abs
Isto não é plugin para o JQuery. Isto é apenas criação de um método do JQuery para executar o SetTimeOut().
Para que executar este método se vc pode executar diretamente o SetTimeOut ??
“Plugin” inútil.
aff…
façam isso com setTimeOut intaum espertinhos:
$(“#myDiv”).slideUp(300).delay(100).fadeIn(400).delay(100).fadeOut(400);
write less, do more saka?
[]‘s