jquery animować, ale potem wrócić do normalnego

Question

Rozważmy div „dMyDiv”

zauważam w jQuery można animować tak to:

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

Przynosi czerwony jak kolorowym tle do mojego div. Ale czy istnieje sposób, aby potem powiedzieć po 10 sekundach wrócić do mojego normalnego białego tła mojego div? Widzę, że istnieje funkcja oddzwaniania, ale nie jestem pewien, czy można uruchomić animację, a po zakończeniu animacji wrócić do mojego zwykłego tła (przed animacją). Czy powinienem to zrobić:

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

Znaczenie po czerwonym animacji, po prostu animuj ponownie do białego?

Answer 1

udało mi się zrobić z tej facetów:

http://jsfiddle.net/aN7qz/

Oto kod:

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

Answer 2

Masz rację. trzeci parametr to funkcja wykonywana po zakończeniu animacji.

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

Answer 3

Można użyć setTimeout:

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

    backgroundColor: "#aa0000" 

}, 1000, function() { 

    setTimeout(function() {  

     $(#dMyDiv").animate({ 

      backgroundColor: "#fff" 

     }, 1000); 

    }, 10 * 1000); 

});