ClearInterval：函数体在预期时间之后执行，但之后我似乎无法将其从屏幕上删除

Question

The clearInterval() method is not working after execution of the function body. here's the code snippet:

const clearAll = () =>{
   const del = setTimeout(() => Display.textContent = 'deleted',100);
  clearTimeout(del)
}
clearBtn.addEventListener("click", clearAll)

Answer 1

It seems you delete the timeout before it happens at least once. Try calling clearTimeout after it executes.

const clearAll = () => {
   const del = setTimeout(() => {
      Display.textContent = 'deleted';
      clearTimeout(del);
   }, 100);
};
clearBtn.addEventListener("click", clearAll);