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> 
  • 相关阅读:
    [HAOI2016]食物链
    [TJOI2011]序列
    P2548 [AHOI2004]智能探险车
    [JSOI2008]最大数
    模板之dinic
    Excim的NOIP2017游记
    数列排序
    Car的旅行路线
    [HAOI2006]均分数据
    [luogu2210] Haywire
  • 原文地址:https://www.cnblogs.com/duolk/p/5917380.html
Copyright © 2011-2022 走看看