jquery中背景颜色之间的淡入度？

我有一个单独的div，我需要在重复时在4种不同的颜色之间切换。因此，每5秒钟，它就会褪色到下一种颜色“在同一条线上”，当所有4种颜色都显示出来后，它就会重新开始

---

我该怎么做？

您可以将颜色数组、模运算符和setTimeout方法与JQuery UI中提供的颜色动画结合使用：

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();

提琴样品：