jquery - jqueryのbgカラー間でフェードしますか？

Question

私は単一のdivを持っており、繰り返しで4つの異なる色を変更する必要があります。つまり、たとえば5秒ごとに、「インライン」で次の色にフェードし、4色すべてが表示されると、最初からやり直します。

どうすればいいですか？

Answer 1

色の配列、モジュロ演算子、およびsetTimeoutメソッドを、JQueryUIの一部として使用できるカラーアニメーションと組み合わせて使用​​できます。

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/