随机生成数据代码+随机生成颜色代码_color backgroundcolor = new color((float) math.ran-优快云博客

本文链接：https://blog.youkuaiyun.com/jiaowoqiaodaima/article/details/123559219

本文介绍了如何利用CSS3在前端开发中实现数据的随机生成以及颜色代码的动态创建，帮助开发者打造更具动态效果的网页交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
    <div></div>                        //设置颜色用的盒子
    <script>
        // 已知学生姓名字符串如下
        //      '雷雨朋,李嘉豪,周迎春,董平凯,帅佳君,真直,曾愉鸿,刘昕廿,候书涵,李颖,陈陶,武锐,谢良帆,游梦婷,龚金宝,王宇'
        //     写程序随机得到一个学生姓名输出到页面
        var shuzu = '雷雨朋,李嘉豪,周迎春,董平凯,帅佳君,真直,曾愉鸿,刘昕廿,候书涵,李颖,陈陶,武锐,谢良帆,游梦婷,龚金宝,王宇'

        function getgandom() {
            var arr = shuzu.split(',');
            document.write(arr[Math.floor(Math.random() * 16)])
        }
        getgandom()

## //设置随机名字的代码

       function getRandom(m,n){
             var x=Math.max(m,n)
             var y=Math.min(m,n)
             return Math.floor(Math.random()*(x-y)+y)
             //拿到数据中的最大值和最小值
         }
         function getRandomcolor(){
             var r=getRandom(0,256)
             var g=getRandom(0,256)
             var b=getRandom(0,256)
                 var rgb=`rgb(${r},${g},${b})`
                 console.log(rgb)
                 document.querySelector('div').style.backgroundColor=rgb
             }
             getRandomcolor()
        

## //设置随机颜色的代码

    </script>
</body>