欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript实现网页倒计时效果

程序员文章站 2022-05-15 15:14:02
一、HTML代码如下: 二、JavaScript代码如下: ......

一、html代码如下:

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

二、javascript代码如下:

<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>