使用setTimeout实现5秒倒计时后无法停止，提示变量未找到的问题

核心错误原因 #

• 变量作用域限制：你在if(ob==undefined)代码块里用const声明了myTimeout，const属于块级作用域变量，只能在当前代码块内访问。当点击“停止”按钮调用newTime("stop")时，进入另一个if分支，这里根本找不到myTimeout变量，直接触发“变量未找到”的错误。
• 判断逻辑错误：就算解决了作用域问题，if(myTimeout==true)的判断也不成立——setTimeout返回的是数字类型的定时器ID，永远不会等于布尔值true，导致停止逻辑根本不会执行。

修复后的代码 #

JavaScript部分 #

let myTimeout; // 将变量提升到全局作用域，让所有分支都能访问
function newTime(ob) {
    if(ob==undefined){
        myTimeout = setTimeout(myGreeting, 5000);
        console.log("Start>");
    }
    if(ob=="stop"){
        if(myTimeout){ // 直接判断变量是否存在（定时器ID为非0数字，存在即为真）
            clearTimeout(myTimeout);
            console.log("Stop>");
            myTimeout = null; // 清除后重置变量，避免重复操作
        }
    }
}

function myGreeting() {
  document.getElementById("demo").innerHTML = "Happy Birthday!";
  myTimeout = null; // 定时器执行后重置变量
}

function myStopFunction() {
  newTime("stop");
}

HTML部分（无需修改） #

<h1>The Window Object</h1>
<h2>The setTimeout() and clearTimeout() Methods</h2>

<p>Click "Stop" to prevent myGreeting() to execute. (You have 5 seconds)</p>

<button onclick="myStopFunction()">Stop!</button>
<button onclick="newTime()">new Time Start</button>

<h2 id="demo"></h2>

修复说明 #

1. 把myTimeout用let声明在函数外部，确保newTime的两个分支都能访问到同一个变量；
2. 将判断条件改为if(myTimeout)，只要变量持有有效的定时器ID（非null/undefined），就执行清除操作；
3. 清除定时器和定时器执行完成后，重置myTimeout为null，避免重复触发清除逻辑。

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