如何将计时器更改为记忆游戏的倒数计时器答案

【问题标题】：How to change timer into a countdown timer for the Memory game如何将计时器更改为记忆游戏的倒数计时器
【发布时间】：2020-07-30 17:22:03
【问题描述】：

我有一个带有图像的记忆游戏的代码。我从这个链接中获取了游戏的参考：

Memory game

在这段代码中，游戏有一个时钟/计时器。我想将此计时器设置为设置为 10 分钟限制的时钟下降计时器。我不知道如何将此计时器更改为时钟停机时间。谁能帮我解决这个问题。

// @description game timer
var second = 0,
  minute = 20;
hour = 0;
var timer = document.querySelector(".timer");
var interval;

function startTimer() {
  interval = setInterval(function() {
    timer.innerHTML = minute + "mins " + second + "secs";
    second++;
    if (second == 60) {
      minute++;
      second = 0;
    }
    if (minute == 60) {
      hour++;
      minute = 0;
    }
  }, 1000);
}

//reset timer
second = 0;
minute = 20;
hour = 0;
var timer = document.querySelector(".timer");
timer.innerHTML = "20 mins 0 secs";
clearInterval(interval);


startTimer();

<div class="timer">
</div>

谁能告诉我如何将这个正常的计时器变成倒数计时器并帮助我解决这个问题。

【问题讨论】：

不是您的代码的唯一问题，但我猜最后一行应该是 startTimer();？
看看这个 - w3schools.com/howto/howto_js_countdown.asp
@ChrisG 我已经编辑了代码。计时器工作完美。但我想把定时器改成倒计时。

标签： javascript html timer

【解决方案1】：

试试这个。

var second = 0,
  minute = 20;
hour = 0;
var timer = document.querySelector(".timer");
var interval;

function startTimer() {
  interval = setInterval(function() {
    timer.innerHTML = hour + " hr " + minute + " mins " + second + " secs";
    if (second == 0) {

      if (minute == 0) {
        hour--;
        minute = 60
      }
      minute--;
      second = 60
    }

    second--;
  }, 1000);
}

//reset timer
second = 0;
minute = 20;
hour = 0;
var timer = document.querySelector(".timer");
timer.innerHTML = "0 hr 20 mins 0 secs";
clearInterval(interval);
startTimer()

<html>

<body>
  <div class="timer"></div>
</body>

</html>

【讨论】：