두 개가 아닌 한 번에 한 개의 상자가 색상을 변경합니까?

나는 일정한 시간에 배경색을 바꿀 무언가를 만들고자 노력하고 있습니다. 그러나 나는 다른 시간에 색깔을 바꾸는 5 개의 박스를 갖고 싶다.두 개가 아닌 한 번에 한 개의 상자가 색상을 변경합니까?

예; 1 개 상자 1 개 기본에있는 분 결말에서 녹색으로 0 상자 (1 명) 변경 어떤 분 결말에서 노란색으로 상자 (1 명) 변경 파란 분 색상

어떤 분 결말에서 노란색으로

상자 2 변경 상자 2는 2 분으로 끝나는 분마다 초록색으로 바뀝니다. 상자 2의 기본값은 파랑 색입니다.

이렇게 전체 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>

내 문제는 두 개의 색상이 동시에 변경되어야 할 때 하나의 상자 만 색상이 변경된다는 것입니다. (노란색 1 개, 녹색 1 개).

여기에 명확하게 설명했는지 여부는 확실하지 않지만 가능한 한 모든 것을 얻으려고했습니다.

감사합니다.

출처

2013-11-03 sleepaholicc

문서에 세 개의 body 태그를 사용할 수 없습니다. 그리고 '

'은 100 년 전에 사용되지 않았습니다. CSS를 사용하지 마십시오. – j08691

문제가 무엇인지 잘 모릅니다. 다른 상자를 추가하고 원하는 색상으로 색상을 변경하지 못하게하는 것은 무엇입니까? – JJJ

아하, 예, 이것은 다른 사이트에서 약간의 도움을주기 위해 주어진 것입니다. 나는 고쳐 줄거야, 고마워! @ Juhana, 상자를 넣을 수는 있지만 색상을 변경하지는 않지만 특정 시간에 변경되기 때문에 다른 상자의 색상이 변경되지 않습니다. – sleepaholicc

-1

스위치 블록을 사용하지 마십시오. 스위치 블록의 목적은 다양한 가능성 중에서 하나의 대안을 선택하는 것이지만, 일치시킬 수있는 여러 기준을 원한다고 말하는 것입니다. 스위치 블록을 일련의 if 문으로 대체하십시오 (여러 문장을 적용 할 수 있습니다)

출처

2013-11-03 18:39:07

두 개가 아닌 한 번에 한 개의 상자가 색상을 변경합니까?

답변

관련 문제