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

你是对的。第三个参数是动画完成后执行的函数。

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