1

特定の分に背景色が変わるようなものを作ろうとしています。ただし、異なる時間に色が変わる 5 つのボックスが必要です。

例; ボックス 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>

私の問題は、2 つのボックスが同時に異なる色になるはずなのに、1 つのボックスだけが色を変えることです。(1 つの黄色と 1 つの緑)。

ここで明確に説明したかどうかはわかりませんが、できる限りすべてを理解しようとしました。

ありがとう。

4

1 に答える 1

-1

スイッチ ブロックを使用しないでください。switch ブロックの目的は、さまざまな可能性から 1 つの選択肢を選択することですが、おそらく複数の基準を一致させたいと言っています。switch ブロックを一連の if ステートメントに置き換えるだけです (したがって、複数のステートメントを適用できます)。

于 2013-11-03T18:39:07.937 に答える