如何在javascript中设置一分钟计数器？

Question

在我的项目中，我有问题列表，因为每个问题都有三个选项答案。

看到问题后我是否想要回答该问题意味着点击“显示回答”按钮。 当我点击按钮时，计数器会在显示一分钟错误后启动一分钟。

任何人都可以帮忙吗？

Answer 1

您可以使用以下内容：

function gameLost() {
  alert("You lose!");
}
setTimeout(gameLost, 60000);

UPDATE：将函数引用传递给setTimeout()而不是代码字符串（我真的这么写吗？O_o）

---

修改

要显示计时器（改进版本，也要感谢davin）：

<button onclick="onTimer()">Clickme</button>
<div id="mycounter"></div>
<script>
i = 60;
function onTimer() {
  document.getElementById('mycounter').innerHTML = i;
  i--;
  if (i < 0) {
    alert('You lose!');
  }
  else {
    setTimeout(onTimer, 1000);
  }
}
</script>

...

Answer 2

function timedOut() {
    alert("Some error message");
}

// set a timer
setTimeout( timedOut , 60000 );

基本上设置一个定时器，在60.000毫秒= 60秒= 1分钟后执行给定的功能

编辑：这是一个快速，不完美的小提琴，也显示倒计时http://jsfiddle.net/HRrYG

function countdown() {
    var seconds = 60;
    function tick() {
        var counter = document.getElementById("counter");
        seconds--;
        counter.innerHTML = "0:" + (seconds < 10 ? "0" : "") + String(seconds);
        if( seconds > 0 ) {
            setTimeout(tick, 1000);
        } else {
            alert("Game over");
        }
    }
    tick();
}

// start the countdown
countdown();

Answer 3

您将需要使用setTimout函数查看本文。 https://developer.mozilla.org/En/Window.setTimeout记住计时器是以毫秒为单位，因此一分钟是60,000。

Answer 4

//这是一个造币厂计数器的最简单方法。这也用于角度和哎呀

var i=60;
function coundown(){
   setInterval(() => {
  if (this.i == 0) {
    return;
  }
  console.log(this.i--);

}, 1000);
}

//当otp即将到来或表单提交并等待otp倒计时时，您可以调用此函数

角度#javascript #typescript

Answer 5

您可以尝试使用此

或访问以获取更多详细信息，Demo

Demo2

function countdown() {
        var seconds = 59;
        function tick() {
          var counter = document.getElementById("counter");
          seconds--;
          counter.innerHTML =
            "0:" + (seconds < 10 ? "0" : "") + String(seconds);
          if (seconds > 0) {
            setTimeout(tick, 1000);
          } else {
            document.getElementById("verifiBtn").innerHTML = `
                <div class="Btn" id="ResendBtn">
                    <button type="submit">Resend</button>
                </div>
            `;
            document.getElementById("counter").innerHTML = "";
          }
        }
        tick();
      }
      countdown();

<div class="btnGroup">
        <span class="Btn" id="verifiBtn">
          <button type="submit">Verify</button>
        </span>
        <span class="timer">
          <span id="counter"></span>
        </span>
      </div>