javascript to achieve the effect of the countdown page

A, HTML code is as follows:

<div class="timer" id="timer">
     <span style="color: black;">广告剩余:</span><span class="clock" style="color: red;">60</span><span style="color: black"></span>
</div>

Two, JavaScript code is as follows:

<script type="text/javascript">
    var t = 60;
    var time = document.getElementsByClassName("clock")[0];

    function time() {
        t--;
        time.innerHTML = t;
        if(t <= 0) {
            //隐藏该div
            document.getElementById("timer").style.display = "none";
            clearInterval(inter);
        }
    }
    var inter = setInterval("time()", 1000);
</script>

 

Guess you like

Origin www.cnblogs.com/phperlinxinlan/p/11271700.html