您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery实现手机发送验证码的倒计时代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了jquery实现手机发送验证码的倒计时代码,需要的朋友可以参考下

 代码如下: var wait=60;//时间  function time(o,p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变  if (wait == 0) {  o.removeAttr("disabled");  o.val("点击发送验证码");//改变按钮中value的值  p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送");  wait = 60;  } else {  o.attr("disabled", true);//倒计时过程中禁止点击按钮  o.val(wait + "秒后重新获取验证码");//改变按钮中value的值  wait--;  setTimeout(function() {  time(o,p);//循环调用  },  1000)  }  }    视图:   代码如下: <input class="mem_btn mem_btn26" type="submit" name="yt0" value="点击发送验证码" id="btn">    调用:  代码如下: echo CHtml::ajaxSubmitButton('点击发送验证码',  CHtml::normalizeUrl(  array('/ajax/sendGetPassMobilCaptcha','zm_id'=>$model->zm_id)  ),  array('success'=>'function(result){  if(result==1){  $(".ys_98").html("验证码发送成功,请及时检查您的手机。");  time($("#yt0"),$(".ys_98"))  }else{  $(".ys_98").html("验证码发送失败,请重试,或联系管理员。");  }  }','data'=>"zm_id=".$model->zm_id."&zm_mob=".$model->zm_mob."&zm_name=".$model->zm_name  ),  array('class'=>'mem_btn mem_btn26'));