JS里面利用random()实现随机颜色更换


首先你需要一个div

<div id="box"></div>

然后给这个div加入CSS属性

#box{width:500px;height:500px;border:1px solid red}

然后在JS代码:

var box=document.getElementById("box");
function fn(){
var a=parseInt(Math.random()*10);
var b=parseInt(Math.random()*10);
var c=parseInt(Math.random()*10);
var d=parseInt(Math.random()*10);
var e=parseInt(Math.random()*10);
var f=parseInt(Math.random()*10);
var g="#"+a+b+c+d+e+f;
box.style.background=g;
}
setInterval("fn()",1000);
这样就能实现简单的背景颜色随机改变
理论上每种颜色是由六位数字组成的
但是测试时函数里面只要a,b,c就可以实现
也就是这样:
function fn(){
var a=parseInt(Math.random()*10);
var b=parseInt(Math.random()*10);
var c=parseInt(Math.random()*10);
  var g="#"+a+b+c
}
setInterval("fn()",1000);





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM