方法一:颜色随机;
// 0-9 a-f
function getColor() {
var str = "#";
var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "a", "b", "c", "d", "e", "f"];
for (var i = 0; i < 6; i++) {
str += arr[Math.floor(Math.random() * 16)];
}
return str;
}
document.write(getColor());
方法二:
var getRandomColor = function () {
return '#' +
(function (color) {
return (color += '0123456789abcdef'[Math.floor(Math.random() * 16)]) && (color.length == 6) ? color : arguments.callee(color);
})('');
}
console.log(getRandomColor());
方法三:
function _g(color) {
if ((color += '0123456789abcdef'[Math.floor(Math.random() * 16)]) && (color.length == 6)) {
return color
} else {
return arguments.callee(color);
}
}
var getRandomColor = function () {
return '#' + _g('');
}
console.log(getRandomColor());
方法四:
var getRandomColor = function () {
return (function (m, s, c) {
return (c ? arguments.callee(m, s, c - 1) : '#') +
s[m.floor(m.random() * 16)]
})(Math, '0123456789abcdef', 5)
}
console.log(getRandomColor());
方法五:HSL模式颜色随机;
var getRandomColor = function () {
return "hsl(" + Math.round(Math.random() * 360) + "," + Math.round(Math.random() * 100) + '%,' + Math.round(Math.random() * 100) + '%)';
}
console.log(getRandomColor());//hsl(193,90%,26%)
方法六:RGB模式随机;
var getRandomColor = function () {
return "rgb(" + Math.round(Math.random() * 255) + "," + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 10) + ')';
}
console.log(getRandomColor());//rgb(226,158,8)
方法七:RGB模式随机另外一种方法;
var getRandomColor = function () {
var r = Math.round(Math.random() * 255),
g = Math.round(Math.random() * 255),
b = Math.round(Math.random() * 255);
var color = r << 16 | g << 8 | b;
return "#" + color.toString(16)
}
console.log(getRandomColor());