jqueryのアニメーションが、通常の状態に戻ってくる

Question

div要素を検討する「dMyDiv」

私は私がこれをアニメーション化することができますjqueryのに気づく：

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

私のdiv要素に色の背景のような赤をもたらします。しかし、その後10秒後に道がある 私のdivの私の通常の白い背景に戻って行く？コールバック関数がありますが、アニメーションを開始することができるかどうかはわかりません。また、アニメーションが（アニメーションの前に）私の通常の背景に戻っていれば、赤アニメイト後、ちょうど白に再びアニメーション

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

は意味：私はこれを行うべきでしょうか？

Answer 1

私はこの男とそれを行うことができました：

ここhttp://jsfiddle.net/aN7qz/

はコードです：

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

Answer 2

あなたはそうです。 3番目のパラメータは、アニメーションが完了すると実行される関数です。

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

Answer 3

あなたはsetTimeoutメソッドを使用することができます。

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

    backgroundColor: "#aa0000" 

}, 1000, function() { 

    setTimeout(function() {  

     $(#dMyDiv").animate({ 

      backgroundColor: "#fff" 

     }, 1000); 

    }, 10 * 1000); 

});