Posted in Javascript onApril 02, 2015
很简单的一段背景颜色时刻发生变化的代码
<!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有所帮助。
javascript实现随时变化着的背景颜色
- Author -
hebedich声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@