如何构成两个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);
})();