美文网首页
js 生成随机颜色值

js 生成随机颜色值

作者: 练晓习 | 来源:发表于2017-05-04 12:20 被阅读73次
// 方法一
const getRandomColor = function () {
    const randomNum = function (min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min);
    };
    return `hsl(${randomNum(0, 360)},${randomNum(0, 100)}%,${randomNum(0,100)}%)`;
}
// 方法二
const getRandomColor = function () {
    return '#' + (function (color) {
        return (color += '0123456789abcdef'[Math.floor(Math.random() * 16 + 0)])
        && (color.length === 6) ? color : arguments.callee(color);
    })('');
};  
// 方法三
const getRandomColor = function () {
    return '#'+Math.floor(Math.random()*16777215).toString(16);
};
// 方法四
const getRandomColor = function () {
    return (function (num) {
        return (num ? arguments.callee(num-1) : '#') +
        '0123456789abcdef'[Math.floor(Math.random() * 16 + 0)];
    })(5);
};

相关文章

网友评论

      本文标题:js 生成随机颜色值

      本文链接:https://www.haomeiwen.com/subject/oibrtxtx.html