2017-05-15 38 views
0

我正在使用javascript生成和顯示多種顏色的小項目。 https://mrkwrght.github.io/totallycolours/用javascript生成多種顏色

我的代碼是目前這樣的:

var randomColor15 = "000000".replace(/0/g,function(){return (~~ 

(Math.random()*16)).toString(16);}); 

$(function() { 

$("#colorbox").css({ 
    backgroundColor:'#' + randomColor 
}); 
$("#colorcode").text("#" + randomColor); 

此塊是重複16 times.There必須是這樣做的更簡單的方法。

我還打算用加載更多按鈕替換刷新按鈕。但我不確定如何做到這一點做

+0

它是如何反覆,'#colorbox'應該只有一個* *單個元素。無論如何,你只生成一種顏色,每次都使用相同的顏色? – adeneo

+0

https://jsfiddle.net/adeneo/fvzrq8dp/ – adeneo

回答

0

你必須把它放在一個函數裏,然後調用

var randomColor15 = function(){return "#"+"000000".replace(/0/g,function(){return (~~(Math.random()*16)).toString(16)})}; 
 
//only test 
 
for(var i=0;i<10;i+=1){ 
 
    console.log(randomColor15()); 
 
}