javascript - 在div数据前附加更改号

我有这个HTML行：

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

例如，如果我想在Seconds之前附加一个变化的变量（如数字计数器），例如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>

最佳答案

不是+=那就是全部。

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>

关于javascript - 在div数据前附加更改号，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59185390/