思路:1、发一个短信之后要有一定的间隔,则在按钮点击以后禁用,disable=true
2、按钮里面有倒计时,button里面的内容用innerHTML修改
3、里面的秒数一直变化,要用定时器setInterval
4、要定义一个变
<script>
var timer = 10;
var t = null;
var btn = document.querySelector('button');
btn.addEventListener('click', function () {
this.disabled = true;
t = setInterval(function () {
if (timer == 0) {
clearInterval(t);
btn.disabled = false;
btn.innerText = '发送短信';
timer = 10;//这个10需要重新开始
} else {
btn.innerText = '还剩' + timer + '秒';
timer--;
}
}, 1000);
})
</script>
量,在定时器里面不断递减,变量为0,就停止定时器