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

2024-05-06 16:18:14

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了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>