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>