一个盒子一次改变颜色而不是两个？

我试图做一些改变背景颜色，当在一定的时间，这我已经完成。不过，我想有五个盒子在不同的时间改变颜色。一个盒子一次改变颜色而不是两个？

示例; 框1个变为黄色，在任何时刻的结局在0 在任何时刻结局盒1个变为绿色，在1个框1个默认为蓝色十岁上下的颜色

盒2合1 变为黄色，在任何时刻的结局方框2变为绿色，任意分钟结束于2 方框2默认为蓝色ish颜色

等等为全部5个方框，这是我第一个代码;

<script> 
function clock() 
{ 
setInterval(
function(){ 
    var d = new Date(); 
    var h = d.getHours(); 
    var m = d.getMinutes(); 
    var s = d.getSeconds(); 
    var box = document.getElementById("box"); 

    switch(m % 10) 
    { 
     case 4: 
      box.style.background = "ffc000"; 
      break; 
     case 5: 
      box.style.background = "34db00"; 
      break; 
     case 9: 
      box.style.background = "ffc000"; 
      break; 
     case 0: 
      box.style.background = "34db00"; 
      break; 
     default: 
      box.style.background = "0093ff"; 
    } 
}, 1000); 
} 
</script> 

<center> 


<body onload="clock()"> 
<div id="box" style="width:30%; height:150px; background: 0093ff; float: left; border-radius:25px;"> 


<p> 
<p style="color:white"> 

<body vlink="white"> 
<body link="white"> 


<table border="0"> 
<tr> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
</tr> 
<tr> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
</tr> 
<tr> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
</tr> 
<tr> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
</tr> 
<tr> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
<td><a href="Shop Url" target="iframe1">Shop Name</a></td> 
</tr> 
</table> 

</p> 



</div> 
</body>

我的问题是，只有一个盒子会改变颜色，当两个应该有不同的颜色在同一时间。（一个黄色和一个绿色）。

我不确定我是否在这里解释清楚或不清楚，但我试图让所有的东西都可以。

谢谢。

来源

2013-11-03 sleepaholicc

在文档中不能有三个主体标签。而'

'在100年前已被弃用，不要使用它，使用CSS。 – j08691

不确定是什么问题。究竟是什么阻止你添加其他盒子并将其颜色改变为任何你想要的？ – JJJ

啊哈，是的，这是我在另一个网站上给予的帮助。我现在要解决这个问题，谢谢！ @Juhana，我可以放入盒子，但是它们不会改变颜色，但是因为它们在某些时候会改变，所以它会阻止其他盒子改变颜色。 – sleepaholicc

-1

请勿使用开关块。切换块的目的是从各种可能性中选择一种替代方案，但是你要说可能需要多个标准匹配。只需用一系列if语句替换您的开关块（因此可以应用多个）

来源

2013-11-03 18:39:07

一个盒子一次改变颜色而不是两个？

回答

相关问题