Всем привет. Я делаю страницу, где юзер проходит тесты, там

Question

Всем привет. Я делаю страницу, где юзер проходит тесты, там

есть таймер времени, использую easytimer.js. При первом попадании на страницу я иницилизурую таймер, задаю ему начальное время и вывожу это на странице вот так:
this.timer = new Timer({startValues: {minutes: this.test?.timeForCompetition}});
__
<p id="countdown">{{ timer?.getTimeValues()?.toString() }}</p>

Далее, когда юзер нажимает “старт”, начинается обратный отсчет и время обновляется через eventListener (см. скрин).
После завершения теста есть кнопка “пройти заново”. При нажатии на кнопку я инициализурую таймер заново, как показал в начале, но в форме html он не обновляется, а показывает то значение, на котором тест завершился. Видимо это как-то связано с тем, что я перед этим значение через innerHTML записывал. Как это правильно обработать, чтобы обнулить таймер и показать первоначальное значение? Только таким же способом через innerHTML?

#angular #frontend #javascript #programming #russian

0

30.06.2022