基于jquery的-获取短信验证码-倒计时

时间:2022-05-03
本文章向大家介绍基于jquery的-获取短信验证码-倒计时，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

在制作短信验证的时候，需要做一个获取短信按钮，点击后显示倒计时，

html代码如下：

1 <input class="gain" type="button" value="获取验证码">

js代码如下：

 1 var istime=true;
 2     $(".gain").click(function(){if(istime){getCode($(this),30)}})
 3 
 4     //获取验证码
 5     function getCode(a,n){//a:DOM节点,n:倒数秒数
 6         istime=false;
 7         a.val(n+"s");
 8         var times=setTimeout(changetime,1000);
 9         function changetime(){
10             if(n>0){n--;a.val(n+"s");times=setTimeout(changetime,1000);}else{clearTimeout(times);a.val("重新获取");istime=true;}
11         }
12     }

随机文章
Javascript知识点必读
最近更新