setTimeout 后的 InnerText 闪烁

如何解决setTimeout 后的 InnerText 闪烁

我正在处理学校项目之间的一个小项目，我遇到了 DOM 元素的问题，我使用 innerText 从时钟转到文本，然后在 { {1}}，我想清空该文本。一切正常，但文本在一段时间后闪烁。

5s

解决方法

完成后您需要调用 clearInterval：updateCountdown 函数仍然每秒调用一次

类似的东西？

...

document.querySelector('#cta-paus').addEventListener('click',function () {
  ...

  var intervalId = setInterval(updateCountdown,1000);

  function updateCountdown() {
    ...

    // If the count down is finished,write some text
    if (breakTime < 0) {
      ...

      clearInterval(intervalId); // <=== Add this

      setTimeout(() => {
        document.querySelector('#MyClockDisplayDown').innerText = '';
      },2000);
    }
  }