javascript - 设置5秒倒计时，为什么变成了点一下才运行一下呢？

问题描述

问 题

我想实现点击按钮后，下面显示5秒开始的倒计时，最后在0停止，但却变成了点击一次按钮，数字减少1，我不知道我错在哪里了，所以希望你们可以帮我解决一下这个问题。

<input type="button" value="倒计时开始！" id="btn">
<br>
<div id="showtime"></div>

<script>
    window.onload = function () {

        var showtime = document.getElementById('showtime'),
            btn = document.getElementById('btn'),
            t = 5;

        var timer = function () {
            setInterval( count() , 1000 );
        };

        function count() {
            if ( t === 0 ) {
                alert('ok');
            } else {
                showtime.innerHTML = t;
                t--;
            }
        }
        btn.onclick = function () {
            timer();
        }

    }
</script>`

解决方案

setInterval( count , 1000 );

这篇关于javascript - 设置5秒倒计时，为什么变成了点一下才运行一下呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！