刷新方块随机颜色Math.random

最新推荐文章于 2023-11-03 10:06:08 发布

AILIHEIHEI

最新推荐文章于 2023-11-03 10:06:08 发布

阅读量409

点赞数

文章标签： Math.random

本文链接：https://blog.csdn.net/qq_42780323/article/details/82716153

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机颜色</title>
    <style>
        div{border:2px solid red;
            height:400px;
            width:800px;
            background-color:yellow;
        }
    </style>
    <script>
        window.onload=function(){
            function getColor(){//随机颜色。
               var arr=["0","1","2","3","4","5","6","7","8","9","A","B","c","d","e","f"];
                //var arr=[0,1,2,3,4,5,6,7,8,9,a，b,c,d,e,f];光数字不行，要引号。字符串才行。
                var str="#";
for (var i=0;i<6;i++){
                    var num=parseInt(Math.random()*16);
                    str+=arr[num];
   }
                return str;//for内部禁止用return，因为用了会每次都传一次结果。刚刚找错误好久。
            }
            var oBox1=document.getElementById("box1");

           oBox1.style.backgroundColor=getColor() ;
          // oBox1.style.backgroundColor="rgb(252,Math.floor(Math.random()*255),100)";
            //用随机颜色rgb不行。
        }

    </script>
</head>
<body>

<div id="box1">

    随机背景颜色查看
</div>

</body>
</html>

练练手，请包涵。。

AILIHEIHEI

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
刷新方块随机颜色Math.random

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;随机颜色&lt;/title&gt; &lt;style&gt; div{border:2px solid red;
复制链接

扫一扫