Continuando com a série de artigos que aborda as novidades do jQuery 1.4, neste artigo vou falar sobre uma função que eu gostei pra carai muito: a função delay.

A função delay serve para atrasar a queue (fila) de animações. Com essa função, você não precisa fazer uso de callbacks e chamadas setTimeout. As coisas ficam bem mais simples agora, veja o exemplo abaixo:

$('.minha_div').click(function(){
    $(this)
        .animate({ // Animação que será executada logo após o clique
            paddingTop:50,
            paddingBottom:50,
            margin:50
        },500)
        .delay(2000) // Delay (espera) de 2 segundos
        .animate({ // Animação que será executada ao término do delay
            paddingTop:10,
            paddingBottom:10,
            margin:0
        },500);
});
Clique :D

Viu só como é fácil? Antes você precisava criar diversas funções de callback para uma simples animação... agora chega disso, viva a função delay! :D

Leia mais sobre a função delay na documentação da API do jQuery.

Outros posts na mesma série:

  1. Novidades do jQuery 1.4 – #5: "Recortando" um elemento da DOM com detach()
  2. Novidades do jQuery 1.4 – #4: Atrasos nas animações com a função delay() (This post)
  3. Novidades do jQuery 1.4 – #3: Eventos focusin e focusout
  4. Novidades do jQuery 1.4 – #2: Ligando múltiplos eventos a um elemento
  5. Novidades do jQuery 1.4 – #1: A nova maneira de criar elementos