js自动改变div的背景颜色的问题. - ASP技术论坛

编程论坛 → WEB开发 → 『 ASP技术论坛』 → js自动改变div的背景颜色的问题.

标题：js自动改变div的背景颜色的问题.

只看楼主

gu_tong2008

等　级：新手上路
帖　子：250
专家分：7
注　册：2009-9-18
结帖率：76.32%

楼主

已结贴√ 问题点数：20 回复次数：7

js自动改变div的背景颜色的问题.

有没有大虾能用javascript实现一个div每格1秒其背景颜色改变一次,并不停地变化?能否举个例子,把源码传上来,不胜感激!

搜索更多相关主题的帖子: div　颜色　自动　

2010-05-06 09:48

gupiao175

等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27

第 2 楼

得分:0

<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>
自己想的一个，不是网上复制的，随便测试了下没问题。如果有问题我会改写！

Q:1428196631，百度：开发地即可找到我,有事请留言！

2010-05-06 10:06

gu_tong2008

等　级：新手上路
帖　子：250
专家分：7
注　册：2009-9-18

第 3 楼

得分:0

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

2010-05-06 10:25

gupiao175

等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27

第 4 楼

得分:20

<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>

Q:1428196631，百度：开发地即可找到我,有事请留言！

2010-05-06 10:50

gupiao175

等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27

第 5 楼

得分:0

    随机和交替的原理都差不多，如果会写随机的，那么交替的也一定会，知识都是相通的！
    不好意思，第一次发的随机颜色有错误！随机位不够！这里更正一下：
<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>

Q:1428196631，百度：开发地即可找到我,有事请留言！

2010-05-06 10:56

gu_tong2008

等　级：新手上路
帖　子：250
专家分：7
注　册：2009-9-18

第 6 楼

得分:0