setInterval实现div数字倒计时失效：无报错但无法递减至0

你的代码存在三个关键问题，导致倒计时功能完全失效：

1. 属性拼写错误：把DOM元素的标准属性innerHTML写成了innerHtml（H需要大写），这个错误会让你无法修改div的内容——innerHtml不是合法属性，相当于做了无效操作。
2. 变量顺序问题：counte定时器变量在countdown函数之后定义，第一次执行countdown时counte还未被赋值为有效的定时器ID，此时调用clearInterval(counte)会传入undefined，无法正确清除定时器（不过因为第一个拼写错误，这一步可能根本没触发）。
3. 类型转换隐患：直接对innerHTML（字符串类型）做减法操作依赖JS隐式类型转换，虽然偶尔能工作，但容易因内容格式变化出问题，更稳妥的方式是先转成数字再操作。

修复后的代码： #

// 获取目标div（注意：getElementsByTagName返回HTMLCollection，确保索引[1]是你要的元素）
let divv = document.getElementsByTagName("div")[1];
// 先把初始值转为数字，避免后续隐式转换的意外问题
let currentNum = parseInt(divv.innerHTML, 10);

function countdown() {
  currentNum -= 1;
  divv.innerHTML = currentNum;
  if (currentNum === 0) {
    clearInterval(counte);
  }
}

// 先定义定时器，确保countdown能访问到正确的定时器ID
let counte = setInterval(countdown, 1000);

额外建议： #

• 别依赖索引获取div，给目标div加个class或id（比如<div class="countdown">8</div>），用document.querySelector(".countdown")获取元素，更可靠且可读性更高。
• 使用parseInt(..., 10)明确指定十进制转换，避免遇到以0开头的字符串被误判为八进制的问题。

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