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