zoukankan      html  css  js  c++  java
  • 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> 
  • 相关阅读:
    变量1
    PHP 函数
    发送post请求
    XXE
    CSRF
    Html基础
    暴力破解
    Brup sute
    XSS
    URL 传参转义 (特殊符号转义)
  • 原文地址:https://www.cnblogs.com/duolk/p/5917380.html
Copyright © 2011-2022 走看看