js自动改变div的背景颜色的问题. - 编程论坛

#2

gupiao1752010-05-06 10:06

<html>
<head>
<title>颜色随机测试</title>
<script type="text/javascript">
window.onload=setInterval("changecolor()",1000);
function changecolor()
{
var color = parseInt(Math.random() * 4095).toString(16); //取随机颜色 000 - FFF
var dc=document.getElementById("div1");
dc.style.background=color;
}
</script>
</head>
<body>
<div id="div1" style="width:300px;,height:300px;">颜色随机</div>
</body>
</html>
自己想的一个，不是网上复制的，随便测试了下没问题。如果有问题我会改写！

#3

gu_tong20082010-05-06 10:25

楼上的大虾,我不要随机的颜色,我只要div 的背景颜色只是两种颜色(比方说蓝色和绿色)不停地交替变化,能不能做到?

#4

gupiao1752010-05-06 10:50

<html>
<head>
<title>颜色随机测试</title>
<script type="text/javascript">
var flag=1;
window.onload=setInterval("changecolor()",1000);
function changecolor()
{
if(flag++%2==0)
{color="blue";}
else
{color="green";}
dc=document.getElementById("div1");
dc.style.background=color;
}
</script>
</head>
<body>
<div id="div1" style="width:300px;,height:300px;" onclick="changecolor()">颜色随机</div>
</body>
</html>

#5

gupiao1752010-05-06 10:56

    随机和交替的原理都差不多，如果会写随机的，那么交替的也一定会，知识都是相通的！
    不好意思，第一次发的随机颜色有错误！随机位不够！这里更正一下：
<html>
<head>
<title>颜色随机测试</title>
<script type="text/javascript">
window.onload=setInterval("changecolor()",1000);
function changecolor()
{
var color = parseInt(Math.random()*9999999).toString(16);  //取随机颜色6位16进制！
var dc=document.getElementById("div1");
if(color.length==6)
{color=color;}
else
{
color="ff"+color;
color=color.substr(0,6);
}
dc.style.background=color;
}
</script>
</head>
<body>
<div id="div1" style="width:300px;,height:300px;" >颜色随机</div>
</body>
</html>

#6

gu_tong20082010-05-06 10:56

大虾,你真牛!

#7

gu_tong20082010-05-06 14:05

window.onload=setInterval("changecolor()",1000);
再请教大虾,我调式程序的时候发现上面这一行有"尚未实现的错误的提示"?怎么回事?能不能解决一下?

#8

晓童学2016-05-26 10:31

回复 4楼 gupiao175

初学者请问一下，只点击 input type="button" 后才改变颜色的话，onclick应怎样设置？
我弄的这个<input type="button" value="随机颜色" onClick="setColor()" />是不管点不点都自己随机变换。
谢谢