创建 20 秒计时器不起作用，我正在尝试理解原因

Question

我一直在尝试在我的网站中实现以下代码：

let count = 20;
const timer = setInterval(function() {
  count--;
  console.log(count);
  if (count === 0) {
    clearInterval(timer);
    console.log("Time's up!");
  }
}, 1000);

<p>Your time is running out... <span id="timer"></span> sec</p>

我得到了这个跨度，我想将倒计时插入其中，并且我一直在尝试许多选项，但没有一个起作用。我对 JavaScript 还很陌生，所以感谢您对我做错了什么的提示。

除其他外，我尝试了以下操作，但什么也没发生..

function startTimer () {
  let count = 20;
const timer = setInterval(function() {
  count--;
  console.log(count);
  if (count === 0) {
    clearInterval(timer);
    console.log("Time's up!");
  }
}, 1000);
  let countdown = document.getElementById("timer").innerContent;
  count = countdown;
  console.log(countdown);
}

Answer 1

试试这个：

function startTimer () {
  let count = 20;
  const timer = setInterval(function() {
    count--;
    console.log(count);
    document.getElementById("timer").innerContent = count.toString();
    if (count === 0) {
      clearInterval(timer);
      console.log("Time's up!");
    }
  }, 1000);
}