javascript - ボディ背景チェンジャー?

Question

よし、ここだ。

簡単に言えば、CSS を介してボディの背景をフェードアウトさせ、頻繁に変更してからループできるようにしたいのです。

CSSとjQueryでこれを達成する方法はありますか?

ありがとうございました！

Answer 1

jquery animate メソッドを使用できます。完了したら、新しい色でメソッドを再度呼び出します。

var color = ["red","green","blue"];
var i = 0;

function changeColor()
{
 // Change to the next color over 2 seconds.  When it is done, call this method again.
 $("body").animate({"background-color":color[i]}, 2000, changeColor); 
 i++;  // Increment the counter so the next color in the array is shown
 i = i % 3;   // Make sure i is never greater than 2 by using the modulous.
}

changeColor();

このフィドルを参照してください: http://jsfiddle.net/johnkoer/vDCSw/5/

</p>