js 中多次触发setInterval，如何在清除上一次的setInterval方法？

Question

1.按钮点击事件，每点击一次触发一次setInterval（）方法。
2.如何清除上一次触发的setInterval()方法？

Answer 1

  window.onload = function(){
    let clearFlag ; 
    let btn = document.getElementById('app');
    btn.addEventListener('click',function(){
      let count_num = 10;
      clearInterval(clearFlag);
      function interval_fun(){
        console.log(count_num--)
      };
      clearFlag = setInterval(interval_fun,1000);
    });
  }

Answer 2

var timer;
function Click(){
   clearInterval(timer);//每次触发都先清除一次
   timer = setInterval(()=> {
      console.log('123');
     },1000)
}

Answer 3

首先每次的setInterval 起名字都用一个
然后每次点击按钮事件的时候,先做一次clear()

如:
click ()=> {

clearInterval(window.countdown);
window.countdown = setInterval(()=> {
  console.log('1111');
 }
},1000);

}

怕报错就给window.countdown一个默认值

Answer 4

用个数组接收每次的setInterval返回值，push进去，遍历清除，看下可行否

Answer 5

用一个变量存储定时器，每次触发之前先清除掉就行了