<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>Document</title>
</head>
<body>
<p id="colorStr"></p>
<div id="div1" style="width:100px;height:100px"></div>
<button onclick="myFunction()">點擊變色</button>
<script>
function myFunction(){
//顏色字符串
var colorStr = "";
//字符串的每一字符的范圍
var randomArr = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];
for(var i = 1;i <= 6;i ++){
//15是范圍上限攒射，0是范圍下限帽馋，兩個函數(shù)保證產(chǎn)生出來的隨機數(shù)是整數(shù)
colorStr += randomArr[Math.floor(Math.random() * 16)];
}
document.getElementById("colorStr").innerHTML= `顏色為→: ${colorStr}`;
document.getElementById("div1").style.backgroundColor=`#` + colorStr;
}
function myFunction() {
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
var _color = `rgb(${r},${g},$)`
document.getElementById("colorStr").innerHTML = `顏色為→: ${_color}`;
document.getElementById("div1").style.backgroundColor = _color;
}
</script>
</body>
</html>
隨機顏色
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門谴供，熙熙樓的掌柜王于貴愁眉苦臉地迎上來块茁，“玉大人，你說我怎么就攤上這事桂肌∈福” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵崎场，是天一觀的道長佩耳。 經(jīng)常有香客問我，道長谭跨，這世上最難降的妖魔是什么干厚？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮饺蚊，結(jié)果婚禮上萍诱，老公的妹妹穿的比我還像新娘。我一直安慰自己污呼，他們只是感情好裕坊，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著燕酷，像睡著了一般籍凝。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上苗缩，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼灶挟！你這毒婦竟也來了琉朽？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布给郊，位于F島的核電站，受9級特大地震影響捧灰，放射性物質(zhì)發(fā)生泄漏淆九。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一毛俏、第九天 我趴在偏房一處隱蔽的房頂上張望炭庙。 院中可真熱鬧，春花似錦煌寇、人聲如沸焕蹄。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽腻脏。三九已至，卻和暖如春银锻，著一層夾襖步出監(jiān)牢的瞬間永品，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 隨機數(shù)函數(shù)arc4random_uniform（x）遵蚜，可以用來產(chǎn)生0～(x-1)范圍內(nèi)的隨機數(shù)帖池。如果要生成1～x的...
- 之前自己在做瀑布流照片墻時，苦于強迫癥吭净，找了好久也沒找到心儀的圖片睡汹，決定用隨機的顏色+隨機的高度來模擬不同的圖片。...
- 一寂殉、隨機顏色 - (UIColor *)arndomColor{CGFloat red = arc4random_...
- UIColor+Hex.h UIColor+Hex.m 參考文章：OC_UIColor 類擴展支持十六進制iOS開...
