1. 程式人生 > >隨機顏色的多種寫法

隨機顏色的多種寫法

隨機 tro pan dom cnblogs 十六進制 rgb strong document

  今天給大家講講隨機顏色怎麽來實現。以下是我的兩種方法;

  方法一

    十六進制隨機顏色:字符串的拼接;

js:

function ranColor(){
    var colors="#";
    for(var i=0; i<6;i++){
        colors=colors+Math.floor(Math.random()*16).toString(16);
    }
    return colors;
}
        var oDiv=document.getElementById(div);
        oDiv.style.background
=ranColor(); html: <div id="div" style="width: 100px;height: 100px"></div>

   方法二:

    使用RGB來實現隨機顏色:

       1.寫一個隨機數範圍0-255
     2封裝一個函數, 返回字符串拼接 【rgb (1,1,1)
js:

function getRan(a,b){
    return  Math.floor(Math.random()*(b-a+1)+a)
}

function rgeColor(){
    return "rgb("+getRan(0,255
)+","+getRan(0,255)+","+getRan(0,255)+")" } //alert(rgeColor()) var oDiv=document.getElementById(div) oDiv.style.background=rgeColor(); html: <div id="div" style="width: 100px;height: 100px">

註意:JS必須全部寫在window.onload中 。

 

隨機顏色的多種寫法