rgb随机变色

最新推荐文章于 2023-07-05 15:39:00 发布

weixin_30262255

最新推荐文章于 2023-07-05 15:39:00 发布

阅读量364

点赞数

原文链接：http://www.cnblogs.com/ll-taj/p/5288676.html

版权

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>rgb随机生成色</title>
<style type="text/css">
#div1{
height:100px;width:100px;margin:10px auto;background:red;
}
</style>
<script type="text/javascript">
function color(){
var r=parseInt(Math.random()*255);
var g=parseInt(Math.random()*255);
var b=parseInt(Math.random()*255);
var newcolor="rgb("+r+","+g+","+b+")";
return newcolor;
}
window.onload =function (){
var odiv=document.getElementById('div1');
setInterval (function (){
var c=color();
odiv.style.backgroundColor=c;
},50);
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>