基于jquery的动态码倒计时显示能力

原创
小哥 3年前 (2022-11-09) 阅读数 51 #大杂烩
 发送验证码 

js代码如下:

$("#sendCode").click(function () {
                if($(this).hasClass("disabled")){
                    //有disabled的class,证明倒计时正在进行,不允许继续调用此方法,否则会导致方法混乱并加快操作。
                }else{
                    //1向指定手机号码发送验证码的逻辑(略)
                    //2,并打开倒计时
                    timeoutChangeStyle();
                }
            })
 var num = 60;
  function timeoutChangeStyle(){
      $("#sendCode").attr("class","disabled");
      if(num == 0){
          $("#sendCode").text("发送验证码");
          num = 60;
          $("#sendCode").attr("class","");
      }else{
          var str = num + "秒后再次发送";
          $("#sendCode").text(str);
          setTimeout("timeoutChangeStyle()",1000);
      }
      num --
  }
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门