JS随机生成颜色的几种极简代码

137 阅读1分钟

实现一:

网上分享的随机色,好多都是先创建一个16位字符串0123456789abcdef,比较繁琐。运用下方代码简洁许多。

function col(){
            var str="#"
            for(var i=0;i<6;i++){
                str+=Math.floor(Math.random()*16).toString(16);
            }
            console.log(str);
        }
        col()

实现二:

function color(){
            var str1="rgb(";
            for(var i=0;i<3;i++){
                str1+=Math.floor(Math.random()*256)+",";
            }
            str1=str1.slice(0,-1)+")";
            return str1;
        }
        var str1=color();
        console.log(str1);

实现三:

这是绝对的极简了,从0xFFFFFF中取值,再利用padStart()确定生成六位数字。

buildColor();
    function buildColor(){
        var color="#"+Math.floor(Math.random()*0xFFFFFF).toString(16).padStart(6,"0");
        return color();
    }

以上三种方法,基本都是对非常常见的随机色方法进行的精简,不接受反驳!