首页 > 网站 > WEB开发 > 正文

js获取验证码倒计时效果

2024-04-27 15:13:40
字体:
来源:转载
供稿:网友
<div class="div user-input">    <input type="number" class="code" placeholder="请输入手机验证码" required maxlength="6">    <input type="button" class="obtain generate_code" value=" 获取验证码" onclick="settime(this);">  </div>  <script type="text/javascript">    //倒计时  var countdown=60;  function settime(val) {      if (countdown == 0) {          val.removeAttribute("disabled");          val.value="获取验证码";          countdown = 60;          return false;      } else {          val.setAttribute("disabled", true);          val.value="重新发送(" + countdown + ")";          countdown--;      }      setTimeout(function() {          settime(val);      },1000);  }  </script>  
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表