本文给大家带来的是封装的一个随机生成一个颜色值的工具函数。案例中提供了4个不同的调用函数,但实现的功能本质上都是一样的,开箱即用,随调随用。
//方法一
function getRandomColor() { //随机颜色
return `#${Math.floor(Math.random() * 0xffffff).toString(16)}`;
}
//方法二
function generateRandomColor() {
let letters = '0123456789ABCDEF';
let color = '#';
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
let randomColor=generateRandomColor();//"#F10531"
//方法三
let r = () => Math.random() * 256 >> 0;
let color = `rgb(${r()}, ${r()}, ${r()})`;
//方法四
let randomColor = '#'+ Math.floor(Math.random()*16777215).toString(16);
🚵♂️ 博主座右铭:向阳而生,我还在路上!
——————————————————————————————
🚴博主想说:将持续性为社区输出自己的资源,同时也见证自己的进步!
——————————————————————————————
🤼♂️ 如果都看到这了,博主希望留下你的足迹!【📂收藏!👍点赞!✍️评论!】
——————————————————————————————