用JS实现变换背景和字体颜色，分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获取
用JS实现变换背景颜色和字体颜色。在页面上显示一句话：“自动变换颜色”，定义一个数组分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获的代码。。。。...
用JS实现变换背景颜色和字体颜色。在页面上显示一句话：“自动变换颜色”，定义一个数组
分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获的代码。。。。 展开
分别保存红、蓝、绿三种颜色，每隔一秒钟变换一个颜色，颜色从数组中获的代码。。。。 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script>
//setTimeout
var colors = new Array("red","green","blue");
function changeColor(){
//var colorIndex = Math.round(Math.random()*3);
var color_div=colors[Math.round(Math.random()*3)];
var color_font=colors[Math.round(Math.random()*3)];
document.getElementById("div_c").style.background=color_div;
document.getElementById("font_c").style.color=color_font;
//document.wirte(colorIndex);
setTimeout("changeColor()",1000);
}
</script>
</head>
<body onload="changeColor()">
<div id="div_c" align="center" style="height:1000px;width:100%">
<br/>
<br/>
<br/>
<font id="font_c" size="20px" >自动变换颜色</font>
</div>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script>
//setTimeout
var colors = new Array("red","green","blue");
function changeColor(){
//var colorIndex = Math.round(Math.random()*3);
var color_div=colors[Math.round(Math.random()*3)];
var color_font=colors[Math.round(Math.random()*3)];
document.getElementById("div_c").style.background=color_div;
document.getElementById("font_c").style.color=color_font;
//document.wirte(colorIndex);
setTimeout("changeColor()",1000);
}
</script>
</head>
<body onload="changeColor()">
<div id="div_c" align="center" style="height:1000px;width:100%">
<br/>
<br/>
<br/>
<font id="font_c" size="20px" >自动变换颜色</font>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<script>
var list=['red','blue','green']
var i=1
function test(){
alert(i);
document.getElementById('demo').style.color=list[i];
i++;
i=i%3;
}
</script>
</head>
<body onload=setInterval(test,1000)>
<p id="demo">自动变换颜色</p>
</body>
</html>
<html>
<head>
<script>
var list=['red','blue','green']
var i=1
function test(){
alert(i);
document.getElementById('demo').style.color=list[i];
i++;
i=i%3;
}
</script>
</head>
<body onload=setInterval(test,1000)>
<p id="demo">自动变换颜色</p>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
