为何clearInterval无法清除嵌套定时器？JavaScript技术求助

• 每次firstInterval的回调执行时，都会创建一个全新的secondInterval定时器，但你只保存了最后一次创建的定时器引用。点击停止时，只能清除这个最后一次的引用，之前创建的所有secondInterval都没被处理，它们会继续触发输出。
• 另外，secondInterval内部的clearInterval(secondInterval)只有在定时器触发时才会执行，如果在它触发前就点击停止，这段清除代码根本没机会运行，对应的定时器就会一直存活。

1. 在firstInterval的回调里，创建新的secondInterval之前，先检查并清除上一个可能存在的secondInterval，避免多个定时器实例堆积。
2. 停止逻辑保持不变，但要确保每次创建新定时器前都做清理，从根源避免残留。

修正后的基础版本代码 #

function start(start) {
    if (start) {
        firstInterval = setInterval(function () {
            console.log("firstInterval called");
            // 创建新的secondInterval前，先清除上一个
            if (secondInterval) {
                clearInterval(secondInterval);
                secondInterval = null;
            }
            secondInterval = setInterval(function(){
                clearInterval(secondInterval);
                secondInterval = null;
                console.log("secondInterval called");
            }, 1000);
        }, 1000);
    } else {
        clearInterval(firstInterval);
        firstInterval = null;

        clearInterval(secondInterval);
        secondInterval = null;
    }
}

更严谨的闭包封装版本（避免全局变量污染） #

function createTimerController() {
    let firstInterval = null;
    let secondInterval = null;

    return function(start) {
        if (start) {
            firstInterval = setInterval(function () {
                console.log("firstInterval called");
                if (secondInterval) {
                    clearInterval(secondInterval);
                    secondInterval = null;
                }
                secondInterval = setInterval(function(){
                    clearInterval(secondInterval);
                    secondInterval = null;
                    console.log("secondInterval called");
                }, 1000);
            }, 1000);
        } else {
            clearInterval(firstInterval);
            firstInterval = null;

            clearInterval(secondInterval);
            secondInterval = null;
        }
    }
}

// 使用示例
const start = createTimerController();

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