随机生成颜色

最新推荐文章于 2024-07-31 13:08:05 发布

原创最新推荐文章于 2024-07-31 13:08:05 发布 · 2k 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
           div{
               width: 200px;
               height: 200px;
               /*background-color: black;*/
           }
       </style>
   </head>
   <body>
       <div></div>
   </body>
   <script type="text/javascript">
       var ys = document.getElementsByTagName('div')[0];
       function rand(min,max){
           return parseInt(Math.random()*(max-min+1)+min);
       }
       function randColor(){
               var r=rand(0,255);
                var g=rand(0,255);
                  var b=rand(0,255);
                  return 'rgb('+r+','+g+','+b+')';
       }
       setInterval(function(){
       ys.style.backgroundColor=randColor();
       },1000);
       //这样利用率更好
   //创建变量占用内存，函数在调用时才占用内存，调用之后清空不占用内存，（这样可以提高加载速度）
   </script>
</html>