首页 > 代码库 > js实现发送验证码倒计时按钮
js实现发送验证码倒计时按钮
在写注册页面时，有时候需要发送注册邮件来获取验证码，但是为了防止多次重复发送邮件，
必须让按钮隔一段时间后才能再次使用。
代码如下：
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>验证码按钮</title> 5 </head> 6 <body> 7 <button type="button" id="send">发送验证码</button> 8 <script type="text/javascript"> 9 wait = 60;10 function wait_time(btn) {11 if (wait == 0) {12 btn.removeAttribute("disabled");13 btn.innerText = "发送验证码";14 wait = 60;15 } else {16 btn.setAttribute("disabled", true);17 btn.innerText = wait+"秒后重新发送";18 wait--;19 setTimeout(function(){wait_time(btn);},1000);20 }21 }22 document.getElementById(‘send‘).onclick = function(){wait_time(this)};23 </script>24 </body> 25 </html>
js实现发送验证码倒计时按钮
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。