一個盒子一次改變顏色而不是兩個？

我試圖做一些改變背景顏色，當在一定的時間，這我已經完成。不過，我想有五個盒子在不同的時間改變顏色。一個盒子一次改變顏色而不是兩個？

示例; 框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

一個盒子一次改變顏色而不是兩個？

回答

相關問題