隨機顏色的多種寫法
阿新 • • 發佈:2017-07-11
隨機 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中 。
隨機顏色的多種寫法