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