首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >基于jquery的-获取短信验证码-倒计时

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

作者头像
小古哥
发布2018-03-08 16:16:43
发布2018-03-08 16:16:43
3.1K0
举报

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

html代码如下:

代码语言:javascript
复制
1 <input class="gain" type="button" value="获取验证码">

js代码如下:

代码语言:javascript
复制
 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     }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-01-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档