javascript - 在 div 数据之前附加变化的数字

Question

我有这个 html 行:

<div class = "upperTextContainer">
 <p id="counterUpperText" class="upperText">Seconds</p>
</div>

如果我想在秒之前附加一个变化的变量(例如数字计数器)，例如 9 秒... 8 秒...等，该怎么办？

我已经尝试过但没有成功:

timeleft = 14;
let savedTimer = setInterval(function(){
  console.log(timeleft)
  counterUpperText.innerHTML += timeleft;
  timeleft--;
  if(timeleft <= 0){
    clearInterval(savedTimer);
    console.log("done");
    return;
  }
}, 1000);

<div class = "upperTextContainer">
 <p id="counterUpperText" class="upperTexts"> Seconds</p>
</div>

Answer 1

不是+=，仅此而已。

timeleft = 14;
let savedTimer = setInterval(function(){
  console.log(timeleft)
  counterUpperText.innerHTML = `${timeleft}secs`;
  timeleft--;
  if(timeleft <= 0){
    clearInterval(savedTimer);
    console.log("done");
    return;
  }
}, 1000);

<div class = "upperTextContainer">
 <p id="counterUpperText" class="upperTexts"> Seconds</p>
</div>