javascript實現隨時變化的背景顏色_javascript技巧
- WBOY原創
- 2016-05-16 16:06:051132瀏覽
很簡單的一段背景顏色時刻改變的程式碼
<!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有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn