JavaScript基础之生成随机颜色

最新推荐文章于 2023-07-23 18:35:09 发布

＿uyang

最新推荐文章于 2023-07-23 18:35:09 发布

阅读量1k

点赞数 2

分类专栏： JavaSript 文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/qq_53593492/article/details/130361147

版权

JavaSript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

html.（用于显示颜色）

  <div style=" width: 200px;height: 200px"></div>

JS.

function getcolor(){     //获取随机色（#ffffff格式）
            let sljz=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]
            let str="#"
            for(let i=0;i<6;i++){     //用for循环6次将16进制数加到arr里去（形成6位数）
                 let a=Math.floor(Math.random()*16)      //生成0~15的随机数
                 str+=sljz[a] 
            }
                 return str      //返回#ffffff格式随机色
            }
     const div=document.querySelector("div")
     div.style.background=getcolor()    //div获取随机颜色