javascript - 如何用Javascript制作一个非常简单的倒计时器？

Question

我正在制作一个简单的游戏，它生成随机数，用户必须输入一个值，如果用户值与生成的随机值匹配，则用户基本上获胜，这是一个初学者项目。我想制作一个小计数器，以便用户在有限的时间内输入值，并且我希望将有限的时间显示在屏幕上的标签中。假设您必须将该值设置为 30 秒以下，并且计时器每秒将从 1 计数到 30。从 1 到 30 的计数每秒都会在标签中更新。这是我现在正在尝试处理的逻辑，我无法找出任何其他方法...如果我在代码中犯了一些错误，请发表评论，或者如果您有更简单的方法，请在下面发布。 (请不要投票否决我的账户威胁) 这是我的计时器代码的一部分:

if(timer <= 30)
    {
        for(var i = 0;i >= 30;i++)
        {
            setInterval(null,1000);
            timer++;
            document.getElementById("counter").innerHTML = timer+" seconds wasted";
        }
        alert("Time is over, you lost by "+s);
    }

Answer 1

您可以创建一个递归函数。 说 var countDown function(){ time = time--; setTimeout(countDown, 1000);}

然后您需要一个可供 countDown 函数访问的可变时间。 var 时间 = 30;

在 countDown 函数中，您可以创建一个 updateTimeElement。

尝试一下。