具体代码如下:
<h>手机号:</h>
<input type="text">
<button>发送</button>
<script>
var btn=document.querySelector('button');
var tim=10;
btn.addEventListener('click',function () {
btn.disabled=true;
var timer=setInterval(function () {
if(tim==0){
btn.disabled=false;
clearInterval(timer);
btn.innerHTML='发送';
tim=10;
}else{
btn.innerHTML='还剩下'+tim+'秒';
tim--;
}
},1000)
})
</script>
效果图如下:
具体的功能是:
点击发送按钮后,按钮锁定,然后开始倒计时,倒计时结束后,又恢复按钮的初始状态。