jquery animate nhưng sau đó trở lại bình thường

Question

Xem xét một div "dMyDiv"

Tôi nhận thấy trong jquery Tôi có thể làm động vì vậy đây:

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

mang một màu đỏ như nền màu để div của tôi. Nhưng có cách nào để sau đó sau khi nói 10 giây quay trở lại nền trắng bình thường của div của tôi? Tôi thấy có một chức năng gọi lại nhưng Im không chắc chắn nếu nó có thể bắt đầu các hình ảnh động, và một khi các hình ảnh động được thực hiện để quay trở lại nền thường xuyên của tôi (trước khi hoạt hình). Tôi có nên làm điều này:

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

Có nghĩa là sau khi tạo hiệu ứng màu đỏ, chỉ hoạt động trở lại màu trắng?

Answer 1

tôi đã có thể làm điều đó với chàng trai này:

http://jsfiddle.net/aN7qz/

Đây là mã:

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

Answer 2

Bạn nói đúng. tham số thứ ba là một hàm thực thi khi hoạt ảnh hoàn tất.

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

Answer 3

Bạn có thể sử dụng setTimeout:

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

    backgroundColor: "#aa0000" 

}, 1000, function() { 

    setTimeout(function() {  

     $(#dMyDiv").animate({ 

      backgroundColor: "#fff" 

     }, 1000); 

    }, 10 * 1000); 

});