JavaScript随机产生十六进制的颜色值

随机十六进制颜色生成

最新推荐文章于 2024-03-21 16:51:31 发布

原创最新推荐文章于 2024-03-21 16:51:31 发布 · 623 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript生成随机十六进制颜色的方法。通过定义一个包含十六进制数值的数组，并利用Math.random()函数结合for循环，可以实现背景颜色的随机变化。这种方法适用于网页元素的颜色动态设置。

<script>
        window.onload = function () {
            function getColor() {
                //定义数组，值为1—f
                var num = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
                //颜色的值为16进制并且开头为#，
                str = "#";
                //我们需要的是一个6位的十六进制所以循环6次
                for (var i = 0; i < 6; i++) {
                    //随机产生的数做数组的索引，索引值只能为整数所以需要转换为整型通过索引获得数组的值,
                    str += num[parseInt(Math.random() * 16)];
                }
                return str;
            }
            //获得页面节点
            document.getElementById('b1').style.background=getColor();
        }
       
    </script>