Невозможно обновлять содержимое таймера каждую секунду - PullRequest
Новая
       3

Невозможно обновлять содержимое таймера каждую секунду

0 голосов
/ 07 апреля 2020

В этом коде я создаю элемент div и добавляю его в div «timer». Я хотел бы прежде всего очистить элемент 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);

1 Ответ

1 голос
/ 07 апреля 2020

Ваш код работает, попробуйте этот фрагмент. 

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>
...