如何在第二次點(diǎn)擊的時候清除上一次的setInterval？

setInterval容易造成頁面性能問題，cpu占內(nèi)存，我之前設(shè)置了2個計(jì)時器，一加載頁面一會就卡死。建議用settimeout，重復(fù)調(diào)用一次

給個IF條件 判斷是否存在這個定時器 存在的話就清除就是了

     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);
            
        }

var cnt, handle 

$('#btn').click(function () {
  cnt = 0
  if (handle !== undefined) {
    clearInterval(handle)
  }
  handle = setInterval(function() {
    console.log(cnt++)
  }, 1000)
})

clearInterval 是重點(diǎn)

var interval, i = 0
?
function fn() {
   console.log(i ++ )
}
?
function clickBtn() {
   interval && clearInterval(interval)
   interval = setInterval(fn, 1000)
}