不能让定时器的内容每秒更新一次

Question

在此代码中，我创建了一个 div 元素并将其附加到 'timer' div。我想主要清除 div 元素以每秒显示秒值。但是，我只有一次得到秒数。我不明白如何解决它。我添加了一个检查以摆脱计时器的子元素（如果它们存在，当创建许多元素时当然会发生）。如何让定时器div的内容每秒更新一次？

let timer = document.getElementById('timer');
let time = setInterval(() => {
  while (timer.firstChild) {
    timer.removeChild(timer.firstChild);
  }
  timer.append(document.createElement('div').textContent = `${new Date().getSeconds()}`)
}, 1000);

Answer 1

您的代码似乎可以正常工作，试试这个代码段。

let timer = document.getElementById('timer');

let time = setInterval(() => {
  while (timer.firstChild) {
    timer.removeChild(timer.firstChild);
  }

  timer.append(
    document.createElement('div').textContent = `
        ${new Date().getSeconds()}                
  `)
}, 1000);

<div id="timer"></div>

不能让定时器的内容每秒更新一次

Can't make the content of the timer update every second

javascript

setinterval