如何在第二次点击的时候清除上一次的setInterval？

Question

用setInterval方法写了一个循环计时器，使毫秒数每过一秒加1。可当我第二次点击按钮执行该函数的时候，上一次的计时还存在，导致毫秒的速度越来越快。如何在第二次点击的时候清除上一次的计时器？

Answer 1

     var timer = null;

        var i =0;

        var btn = document.getElementById('btn');

        btn.onclick = function(){

            if(timer){

                clearInterval(timer);

            }

                timer = setInterval(function(){

                    i++

                    console.log(i);

                },1000);

            

        }

Answer 2

给个IF条件 判断是否存在这个定时器 存在的话就清除就是了

Answer 3

var cnt, handle 

$('#btn').click(function () {

  cnt = 0

  if (handle !== undefined) {

    clearInterval(handle)

  }

  handle = setInterval(function() {

    console.log(cnt++)

  }, 1000)

})

clearInterval 是重点