如何为setInterval创建动态变量？

Question

我使用节点和 ejs 创建一个 hmtl 页面，其中包含不可预见的元素数量。我想为一些、没有或全部这些元素创建一个 setInterval，具体取决于用户正在做什么。

问题是，我无法为 setInterval 创建动态变量，以便稍后可以取消这些间隔。

也许我只需要另一种更简单的方法，但目前我被困在这里。

camContainer.forEach(element => {
        clearInterval(intervalVar);
        if (!element.classList.contains("hidden")) {
            countVisible++;
            intervalVar = setInterval(showConsole, 1500);
        } else {
            countHidden ++;
        }
    count++;    
    })

我用数组而不是常规变量尝试过，但这也不起作用

intervalVar[count] = setInterval(showConsole, 1500);

Answer 1

您在数组上的方向是正确的，但您需要将项目推入其中：

intervalVar = []

// ...

intervalVar.push(setInterval(showConsole, 1500))

当您想要取消间隔时，请使用 slice 或 pop 将其从数组中删除>，具体取决于您选择要取消的项目的方式。