绑定CLASS 用JS调用 时间内自动变化背景颜色
绑定CLASS用JS调用时间内自动变化背景颜色这个是网上找的但是是整个页面都变化了，我要在指定的一个CLASS下的名下显示比如：<divclass="mod_rowMCU...
绑定CLASS 用JS调用 时间内自动变化背景颜色
这个是网上找的 但是是整个页面都变化了，我要在指定的一个CLASS 下的名下显示
比如：<div class="mod_row MCUBE_MOD_ID_248606" style="width: 100%;">
下面是网上搜索的代码：
<script language="javascript">
var Arraycolor=new Array("#fdcbca","#FFFF99","#99CCFF","#FFCCFF","#FFCC99");
var n=0;
function turncolors(){
n++;
if (n==(Arraycolor.length-1)) n=0;
document.bgColor = Arraycolor[n];
setTimeout("turncolors()",3000);
}
turncolors();
</script> 展开
这个是网上找的 但是是整个页面都变化了，我要在指定的一个CLASS 下的名下显示
比如：<div class="mod_row MCUBE_MOD_ID_248606" style="width: 100%;">
下面是网上搜索的代码：
<script language="javascript">
var Arraycolor=new Array("#fdcbca","#FFFF99","#99CCFF","#FFCCFF","#FFCC99");
var n=0;
function turncolors(){
n++;
if (n==(Arraycolor.length-1)) n=0;
document.bgColor = Arraycolor[n];
setTimeout("turncolors()",3000);
}
turncolors();
</script> 展开
展开全部
差不多一样的做法。我试着写了一下
先获取到整个class元素，
var oDiv1=document.getElementsByClassName('change1');
然后就是加个定时器并调用控制它的backgroundColor
oDiv1[0].style.backgroundColor=colors[n];
js新手，不妥之处，见谅。
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<title></title>
<script src="../script/mymode.js"></script>
<style>
.change1{
border: 1px,solid,sandybrown;
width: 200px;
height: 200px;
background-color: red;
position: absolute;
top: 200px;
left: 200px;
}
</style>
<script>
window.onload=function(){
var oDiv1=document.getElementsByClassName('change1');
var colors=["sandybrown","yellow","green","gray"];
var n=0;
function ac () {
n++;
if (n==(colors.length)){
n=0;
}
oDiv1[0].style.backgroundColor=colors[n];
time=setTimeout(ac,1000);
}
ac();
}
</script>
</head>
<body>
<div class ='change1'> </div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
