如何弥补两个jQuery动画效果的无限循环？

Question

如何弥补两个jQuery的动画效果无限循环：一个做$('body').animate({backgroundColor: '#000'}, 'slow');，之后，其他确实$('body').animate({backgroundColor: '#fff'}, 'slow');，然后重新开始：从#000为“#FFF”。所有这一切都在无限循环中。

Answer 1

例子：http://jsfiddle.net/YS5DE/

var $body = $(document.body),cycle; 

(cycle = function() { 
    $body.animate({backgroundColor:"#000"}, 'slow') 
     .animate({backgroundColor:"#FFF"}, 'slow',cycle); 
})(); 

你可以在一些延迟，如果你想轻松添加：

例子：http://jsfiddle.net/YS5DE/1/

var $body = $(document.body),cycle; 

(cycle = function() { 
    $body.delay(1000) 
     .animate({backgroundColor:"#000"}, 'slow') 
     .delay(1000) 
     .animate({backgroundColor:"#FFF"}, 'slow',cycle); 
})();