标签:颜色 getRandom 案例 随机 var div 256 Math 255
随机颜色
R 255
G 102
B 102
#FF6666
RGB
=> Red : 0 ~ 255 => 120
=> Green: 0 ~ 255 => 230
=> Blue : 0 ~ 255 => 23
rgb(120,230,23)
#FF6666 十六进制颜色表示法
-->
<style>
div {
width: 500px;
height: 500px;
/* background-color: #8a2be2; */
}
function getRandom(x, y) {
var m = Math.min(x, y)
var n = Math.max(x, y)
return Math.floor(Math.random() * (n - m) + m)
}
// function setBakctroundColor() {
// var r = getRandom(0, 256)
// var g = getRandom(0, 256)
// var b = getRandom(0, 256)
// var bg = `rgb(${r}, ${g}, ${b})`
// console.log(bg);
// //设置背景颜色给div
// document.querySelector('div').style.backgroundColor = bg
// }
// setBakctroundColor()
/*
十六进制
*/
// function getbg(){
// var r = getRandom(0,256)
// var g = getRandom(0,256)
// var b = getRandom(0,256)
// var r16 = r.toString(16)
// var g16 = g.toString(16)
// var b16 = b.toString(16)
// var gc16 = `#${r16}${g16}${b16}`
// console.log(gc16)
// document.querySelector('div').style.backgroundColor = gc16
// }
// getbg()
标签:颜色,getRandom,案例,随机,var,div,256,Math,255 来源: https://blog.csdn.net/tianranran/article/details/121686270
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。