如何彌補兩個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); 
})();