如何在HTML剩余订单总数元素值为0时执行指定代码？

你的问题出在定时器没有在目标条件达成后停止，所以会一直每秒触发一次输出。要解决这个问题，你需要在检测到剩余订单为0时，手动清除定时器。

修改后的代码如下：

if (theHours >= 16 && theHours < 17) {
  // 用变量存储定时器标识
  const orderCheckTimer = setInterval(function ordersComplete() {
    let totalRemaining = document.getElementById("total-remaining");
    // 转成数字再比较，避免字符串和数字的类型匹配问题
    if (Number(totalRemaining.textContent) === 0) {
      console.log("nice swan");
      // 条件满足后清除定时器，终止后续触发
      clearInterval(orderCheckTimer);
    }
  }, 1000);
}

关键要点：

• 把setInterval的返回值存在变量中，这个值是定时器的唯一ID，用于后续清除操作
• 当检测到剩余订单为0时，调用clearInterval(orderCheckTimer)停止定时器，避免重复执行代码
• 将totalRemaining.textContent转为数字后再和0比较，因为textContent返回的是字符串类型，直接用==可能出现隐式类型转换的问题，用Number()转换后配合===严格相等判断更稳妥

内容的提问来源于stack exchange，提问作者Jim