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

我正在尝试制作一些在某一分钟改变背景颜色的东西，我已经这样做了。但是，我想有五个在不同时间改变颜色的盒子。

例;框 1 在以 0 结尾的任何分钟变为黄色框 1 在以 1 结尾的任何分钟变为绿色框 1 默认为蓝色

方框 2 在以 1 结尾的任何分钟变为黄色框 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>

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

我

不确定我是否在这里解释清楚，但我试图尽我所能。

谢谢。

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

相关内容

最新更新

热门标签：