隨機div塊背景Metro風格

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

GOOD LUCK !!