JavaScript实现手机号验证码倒计时

1.利用（onclick）点击按钮触发倒计时同时开始禁止点击按钮，按钮内容进行替换，显示倒计时数，倒计时结束解除禁止点击。

手机号：<input type="text" name="" id=""><button id="btn">发送</button>
<script>
    let btn = document.querySelector('#btn');
    var timer;
    var a = 10;
    btn.addEventListener('click', function () {//给btn绑定点击事件
        btn.disabled = true;//设置禁用
        timer = setInterval(function () {//计时器
            if (a == 0) {
                btn.innerHTML = '发送';//从新赋值
                btn.disabled = false;//设置按钮不禁用
                clearInterval(timer)//满足条件清楚定时器
                a=10;//从新赋值
            } else {
                btn.innerHTML = '剩余' + a + '秒';//计时赋值操作
                a--;
            }
        }, 1000)
    })
</script>