按钮发送验证码等待时间效果——定时器setInterval使用

来源:互联网 发布:java while写99乘法表 编辑:程序博客网 时间:2024/06/06 04:40

<!doctype html><html lang="en"><head>   <meta charset="UTF-8">   <title>Document</title>   <script type="text/javascript">   window.onload=function(){       var send=document.getElementById('send');           times=60;           timer=null;       send.onclick=function(){         // 计时开始            timer=setInterval(function(){            times--;           if(times<=0){               send.value='发送验证码';               clearInterval(timer);            times=60;               send.disabled=false;    //是否可点击           }else{               send.value=times+'秒后重试';               send.disabled=true;           }console.log(times);       },1000);       }    }   </script></head><body>   <input type="button" id="send" value="发送验证码"></body></html>

0 0
原创粉丝点击