這篇文章主要介紹了javascript實現隨時變化著的背景顏色的方法，非常的簡單實用，有需要的小伙伴可以直接拿走。
很簡單的一段背景顏色時刻發生變化的代碼
- <!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有所幫助。
新聞熱點
疑難解答
圖片精選
