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

2019-11-20 12:47:15

字体：大中小

来源：转载

供稿：网友

很简单的一段背景颜色时刻发生变化的代码

<!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>

以上所述就是本文给大家分享的全部内容了，希望能够对大家学习使用javascript有所帮助。

上一篇：12行javascript代码绘制一个八卦图

下一篇：javascript中call和apply的用法示例分析