1

状況は、私は div ブロックを持っています.. Windows 8 のメトロ スタイルを想像してみてください。色の配列が欲しかったのですが、ページをリロードするたびにブロックの色が変わります。

jqueryを使用して単純なランダムスクリプトを作成しましたが、ページが読み込まれると、ブロックは同じ色になります..これが私のコードです

$('#block').css('background', colors[Math.floor(Math.random() * images.length)]);

どう思いますか？

4

1 に答える 1

0

setInterval()メソッドを使用する必要があります。これを試して

$(function(){
    var colors = ["red","green","blue","yellow"];

    setInterval(function() {
           $('#block').css('background', colors[Math.floor(Math.random() * colors.length)]);
    }, 500);
});

デモ

色の配列を使わずにランダムにカラーコードを取得する。カラー コードの 16 進数値を動的に生成できます。

$('#block').css('background', '#'+Math.floor(Math.random()*16777215).toString(16));

複数のdivブロックに関しては、以下のコードを試してください:

$(function(){
   $("div").each(function(){
      $(this).css('background','#'+Math.floor(Math.random()*16777215).toString(16));
   });
});

ワーキングデモ

幸運を ！！

于 2012-09-29T09:40:30.367 に答える