最新消息:前端博客、web前端博客、Angularjs、javascript、jQuery、HTML5、CSS3

您能想到几种随机生成颜色方案?

JavaScript AZ 2025浏览 0评论

不考虑规则样式,以下方式都是快捷随机生成颜色

//方案一
function bgColor() {
var color = Math.floor(Math.random() * 0xFFFFFF).toString(16).toUpperCase();
return “#” + “000000”.substring(0, 6 – color) + color;
}
//方案二
function bgColor() {
return ‘#’ + Math.random().toString(16).substring(2, 8);
}
//方案三
function bgColor() {
return ‘#’ + (Math.random() * 0xffffff << 0).toString(16);
}
//方案四
function bgColor() {
return ‘#’ + Math.floor(Math.random() * 16777215).toString(16);
}
//方案五
function bgColor() {
var color = randomRange(0, 0xC5BF27);
return ‘#’ + (‘000000’ + color.toString(16)).slice(-6);
}

通过比较,方案三我认为是比较优的,函数少快捷,效率比较高

参考:

1、https://www.cnblogs.com/rubylouvre/archive/2009/09/24/1572977.html
2、https://cnodejs.org/topic/528d84bfd2b3893f2ad569cf

转载请注明:TUTERM.COM » 您能想到几种随机生成颜色方案?

如果您觉得本文的内容对您的学习有所帮助,您可以支付宝(左)或微信(右):
alipay weichat

您必须 登录 才能发表评论!