jquery animate, ma poi tornare alla normalità

Question

consideri un div "dMyDiv"

Ho notato in jQuery posso animare quindi questo:

$("#dMyDiv").animate({ 
     backgroundColor: "#aa0000" 
    }, 1000); 

porta un rosso come colore di sfondo al mio div. Ma c'è un modo per poi dopo dire 10 secondi tornare al mio normale sfondo bianco del mio div? Vedo che c'è una funzione di callback, ma non sono sicuro se è possibile avviare l'animazione, e una volta che l'animazione è fatta per tornare al mio sfondo normale (prima dell'animazione). Devo solo fare questo:

$("#dMyDiv").animate({ 
      backgroundColor: "#aa0000" 
      }, 1000, function() { 
      $(#dMyDiv").animate({ backgroundColor: "#fff" }, 1000); 
      }; 
); 

Significato dopo che il rosso si anima, appena si anima di nuovo in bianco?

Answer 1

sono stato in grado di farlo con questi ragazzi:

http://jsfiddle.net/aN7qz/

Ecco il codice:

$("#myDiv").animate({ 
      backgroundColor: "#aa0000" 
      }, 
      1000, 
      function() { 
       $("#myDiv").animate({ backgroundColor: "#fff" }, 1000); 
      } 
        ); 

Answer 2

Hai ragione. il terzo parametro è una funzione che viene eseguita una volta completata l'animazione.

$("#dMyDiv").stop().animate({backgroundColor:'#aa0000'},1000,function(){ 
    $(this).animate({backgroundColor:'#fff'},1000); 
}); 

Answer 3

Potreste usare setTimeout:

$("#dMyDiv").stop(true, true).animate({ 

    backgroundColor: "#aa0000" 

}, 1000, function() { 

    setTimeout(function() {  

     $(#dMyDiv").animate({ 

      backgroundColor: "#fff" 

     }, 1000); 

    }, 10 * 1000); 

});