JS 實現停止和繼續倒計時

即使自己很菜，也要一點一點的爬，總有一天可以成為大佬級的人物，

 
<button class="btn1">發送驗證碼</button>

<button class="btn2">停止</button>

<button class="btn3">繼續</button>

<script type="text/javascript" src="1.js"></script>

1.js

function countNum(cb1,cb2,num){

    let count;
    let timer = null;
    if(num){
        count = num;
    }else{
        count = 60
    }
    timer = setInterval((num)=>{
        if(count != 0){
            count--;
            cb1(count)

        }else{
            clearInterval(timer)
            cb2 && cb2()
            return false;
        }
    },1000)
    return timer
}

let btn = document.querySelector('.btn1')
let btn2 = document.querySelector('.btn2')
let btn3 = document.querySelector('.btn3')
btn.addEventListener('click',()=>{
    console.log(this)
    this.a = this.countNum((time)=>{
            btn.innerText = time;
            return time;
        },()=>{
            btn.innerText = '發送驗證碼';

        },null)
},false)

btn2.addEventListener('click',()=>{
    console.log(this)
    clearInterval(this.a)
},false)

btn3.addEventListener('click',()=>{
    console.log(btn)
    this.a = this.countNum((time)=>{
        btn.innerText = time;
    },()=>{
        btn.innerText = '發送驗證碼';
    },btn.innerText)

},false)

菜鳥只能想到這種方法，如果有更好的方法，衷心希望不吝賜教。萬分感謝