当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript实现网页倒计时效果

javascript实现网页倒计时效果

2019年07月30日  | 移动技术网IT编程  | 我要评论

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

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网