1 <body> 2 手机号码：<input type="text"> 3 <button>发送</button>
<script>
//获取button元素
let btn = document.querySelector("button");
//给button按钮添加click事件
btn.addEventListener("click", function () {
btn.disabled = true;//按钮不可用
let time = 59;//倒计的时间
//创建定时器
let timer = setInterval(function () {
if (time == 0) {
//按钮可用
btn.disabled = false;
//文字改变
btn.innerHTML = "发送";
//清除定时器效果
clearInterval(timer);
} else {
btn.innerHTML = "还剩" + time + "秒";
time--;
}
}, 1000);//每隔1s调用一次
})
</script>
原创文章，作者：3628473679，如若转载，请注明出处：https://blog.ytso.com/tech/webdev/276984.html