javascriptはウェブページのカウントダウン効果を実現します.

2812 ワード

一、HTMLコードは以下の通りです.
<div class="timer" id="timer">
     <span style="color: black;">    :span><span class="clock" style="color: red;">60span><span style="color: black"> span>
div>
二、JavaScriptコードは以下の通りです.

    <span style="color: #0000ff;">var</span> t = 60<span style="color: #000000;">;
    </span><span style="color: #0000ff;">var</span> time = document.getElementsByClassName("clock")[0<span style="color: #000000;">];

    </span><span style="color: #0000ff;">function</span><span style="color: #000000;"> time() {
        t</span>--<span style="color: #000000;">;
        time.innerHTML </span>=<span style="color: #000000;"> t;
        </span><span style="color: #0000ff;">if</span>(t <= 0<span style="color: #000000;">) {
            </span><span style="color: #008000;">//</span><span style="color: #008000;">   div</span>
            document.getElementById("timer").style.display = "none"<span style="color: #000000;">;
            clearInterval(inter);
        }
    }
    </span><span style="color: #0000ff;">var</span> inter = setInterval("time()", 1000<span style="color: #000000;">);
</span>