Question

情况是我有div块..想象一下windows 8 metro风格。我想要一系列颜色，每次我重新加载页面，块的颜色会发生变化。

我使用jquery创建了一个简单的随机脚本，但是一旦页面加载，这些块的颜色都是相同的颜色..这是我的代码

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

你觉得怎么样？

Answer 1

您应该使用setInterval()方法。试试这个

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

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

<强> DEMO

在不使用颜色数组的情况下随机获取颜色代码。您可以为颜色代码生成动态十六进制值。

$('#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));
   });
});

<强> Working Demo

祝你好运!!

随机Div块背景地铁样式

1 个答案: