私は単純な虹の時計を持っています。考えられるのは、ストライプの背景色を通過する毎秒が配列の次の色に変わるということです。私は秒の値を取得して配列をオフセットしようとしているし、先頭にラップアラウンドします。毎秒配列を回転する
var seconds = 0;
var colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet', 'pink'];
は私が反復するとき、なる:例えば
$('.color').each(function setColors(i) {
$(this).css('background', colors[i]);
});
しかし、私は何かをやろうとしている:私は現在、これを使用してい
var seconds = 1;
var colors = ['pink', 'red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'];
このように:
var seconds = time.getSeconds();
$('.color').each(function setColors(i) {
$(this).css('background', colors[i + seconds]);
});
はここ
fiddleあなたは:)
- K
秒を変更するためのsetTimeoutがあるのがわかりますが、そこにある色を変更しようとしていません。 – Taplar
setColors関数のSetTimeoutを持っていましたが、破損していました –
ヒント:(anyPositiveNumber%array.length)== [0、配列の長さ-1]の範囲 – Taplar