阅读背景:

javascript实现随时变化着的背景颜色

来源:互联网 

!--NEWSZW_HZH_BEGIN--

很简略的一段背景色彩时刻产生变更的代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    #dv {width: 100px;height: 100px;}
  </style>
</head>
<script>
  window.onload=function(){
    var oDv = document.getElementById("dv");
      oDv.style.backgroundColor="red"
    setInterval(function(){
      var arrRandNumber = [
          getRandomNumber(0,255),
          getRandomNumber(0,255),
          getRandomNumber(0,255)   
        ];
 
      oDv.style.backgroundColor="rgb("+arrRandNumber[0]+","+arrRandNumber[1]+","+arrRandNumber[2]+")"
         
        function getRandomNumber(rMin,rMax){
          var cha = rMax-rMin;
          var rand = Math.random();
          //return (rMin+Math.round(cha*rand))
        }
       
    },500)
     
    //alert(getRandomNumber(0,255))
  };
</script>
<body>
  <div id="dv"></div>
</body>
</html>
<!doct




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: