JS 随机颜色封装

最新推荐文章于 2023-10-08 23:07:36 发布

S_xiajinghan

最新推荐文章于 2023-10-08 23:07:36 发布

阅读量1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/S_xiajinghan/article/details/79024549

版权

JavaScript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>color</title>
    <style>
        div{
            width: 200px;
            height: 100px;
            background-color: red;
        }

    </style>

    <script>
        function getHexColor() {
            var str = "#";
            var arr = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
            //产生随机数(0 - 15)没有16
            for (var i = 0;i < 6; i++){
                var num = [parseInt(Math.random()*16)]
                str+= arr[num];
            }
            return str;
        }
        window.onload=function () {
            document.getElementById("dv").style.backgroundColor = getHexColor();
        };
        console.log(getHexColor());

    </script>
</head>
<body>
    <div id="dv"></div>

</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

S_xiajinghan

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JS 随机颜色封装

head> meta charset="UTF-8"> title>colortitle> style> div{ width: 200px; height: 100px; background-color: red; } style> script>
复制链接

扫一扫