这个代码背后到底发生了什么

Question

我是一个好奇的类型。我知道如何修复这个错误，但我只想知道为什么每当div被点击两次时，下面的代码的添加速度会快一倍，或者当它被点击三次时，速度会快三倍。谢谢

let dumbNum = document.querySelector(".dumbnum")
let num = 0
let x = null 
dumbDiv.addEventListener("click", () =>{
/*
if (x !== null){
clearInterval(x)
}
*/
x = setInterval (add, 1000)
})
function add(){
num++
dumbNum.textContent = num
}

Answer 1

单击按钮时，函数会每秒调用setInterval以调用add。

如果你点击它两次，那么你已经告诉它每秒钟调用add两次。

您还没有告诉它按照前一条指令停止以每秒调用add。

如果你每秒加两次，那么速度将是每秒的两倍。