0
点赞
收藏
分享

微信扫一扫

javascript倒计时 点击和自启 两种不同玩法

定义一个名为 daojishi 的函数来实现倒计时的,因此可以直接调用这个函数来开始倒计时,而不需要通过自调用函数的方式。

javascript倒计时 点击和自启 两种不同玩法_调用函数

javascript倒计时 点击和自启 两种不同玩法_javascript_02

js代码块

<h5 id="id2">10</h5>
<script type="text/javascript">
    function daojishi() {
        var starttime = document.getElementById("id2").innerText;
        if (starttime == 0) { 
            return;
        }
        setTimeout(daojishi, 1000);
        console.log(starttime);
        starttime--;
        document.getElementById("id2").innerText = starttime;
    }

    daojishi(); // 调用函数,开始倒计时
</script>

点击倒计时

<h5 id="id2">10</h5>
<button id="id1" onclick="daojishi()">开始倒计时</button>
<script type="text/javascript">
    function daojishi(){
        var starttime=document.getElementById("id2").innerText;
        if(starttime == 0){ 
            return ;
        }
        setTimeout(daojishi, 1000);
        console.log(starttime);
        starttime--;
        document.getElementById("id2").innerText = starttime;
    }
</script>

举报

相关推荐

0 条评论