<body>
<div class="verify-box">
<input type="text" name="verify_code" maxlength="20" autocomplete="off" placeholder="验证码" id="verify-code"style="margin-bottom:0px;">
<button id="get-verify-code" class="button-big">获取验证码</button>
</div>
<script>
var btn=document.querySelector('button');
var time=59;
btn.addEventListener('click',function(){
btn.disabled=true;
var timer=setInterval(function(){
if (time==0){
clearInterval(timer);
btn.disabled=false;
btn.innerHTML='获取验证码';
}else{
btn.innerHTML='还剩下'+time+'秒';
time--;
}
},10);
});
</script>
</body>
点击按钮后进行倒数计时,之后复原按钮后,再次点击不再出现效果