js实现随机生成十六进制颜色【2021.10.14】

轻盈的风

于 2021-10-14 21:35:56 发布

阅读量368

点赞数

分类专栏： javascript_笔记专栏文章标签： javascript html

本文链接：https://blog.csdn.net/masierty/article/details/120764336

版权

javascript_笔记专栏专栏收录该内容

17 篇文章 1 订阅

订阅专栏

一、math.random和padEnd

const colory = () => `#${Math.floor(Math.random() * 0Xffffff).toString(16).padEnd(6,"0")}`
    console.log (colory());

一、math.random和toString()

<script>
    let maxDiv=document.createElement("div");
    maxDiv.style.width="100px";
    maxDiv.style.height="60px";
    maxDiv.className = "maxdiv";
    maxDiv.innerHTML = "随机颜色背景";
    document.body.appendChild(maxDiv);
    maxDiv.colors=function(){
        var r = Math.floor(Math.random()  * 256);//floor()是对数进行下舍入
        var g = Math.floor(Math.random() * 256);//random()是生成0-1的随机数
        var b = Math.floor(Math.random() * 256);
        var color = '#' +r.toString(16) + g.toString(16) + b.toString(16);
        return maxDiv.style.backgroundColor = color;
    }
    maxDiv.colors();
    maxDiv["colors"]();//通过变量访问，可以有空格
</script>