在jQuery中bg顏色之間淡出？

Question

我有一個單獨的div，我需要在4種不同顏色之間重複更改。所以，每5秒鐘，它就會逐漸下降到「下線」的下一個顏色，當所有4種顏色都顯示出來時，它會重新開始。

我該怎麼做？

Answer 1

可以結合使用的顏色數組，模運算符，並且setTimeout的方法與可作爲JQuery用戶界面的一部分的顏色動畫：

var colors = ["red", "orange", "yellow", "green", "blue"] 
var i = 0; 

$("#myDiv").css("background-color","red"); 

function changeColor() 
{ 
    i++; 
    i=i%5; 
    $("#myDiv").animate({backgroundColor: colors[i]},1000); 
    setTimeout(changeColor,2500); 
} 

changeColor(); 

樣品撥弄：http://jsfiddle.net/johnkoer/8GGFM/26/