JS获取短信验证码倒计时的实现代码

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

JS获取短信验证码倒计时的实现代码

juddy123   2020-05-15 我要评论

废话不多说了,直接给大家贴代码了,具体代码如下所示:

$(function() {
    var phone_num = /^1\d{10}$/;
    var flag = 1; //短信发送时标志位
    $(".getcode").click(function() {
     if($("#phone").val() == "") {
      alert("请输入电话号码!");
      return false;
     };
     if(!phone_num.test($("#phone").val().trim())) {
      alert("电话号码有误,请输入11位手机号!");
      return false;
     };
     if(flag == 1) {
      var i = 59;
      flag = 0;
      var n = setInterval(function() {
       var j = i + 's';
       $('.getcode').html(j);
       i--;
       if(i < -1) {
        clearInterval(n);
        flag = 1;
        $('.getcode').html('重新获取').prop("disabled", false);
       }
      }, 1000);
     }
    })
   });

以上所述是小编给大家介绍的JS获取短信验证码倒计时的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们