您的位置:首页 > Web前端 > JQuery

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

2015-11-03 17:03 267 查看
在制作短信验证的时候,需要做一个获取短信按钮,点击后显示倒计时,

html代码如下:

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


js代码如下:

  var istime=true;
$(".gain").click(function(){if(istime){getCode($(this),30)}})

//获取验证码
function getCode(a,n){//a:DOM节点,n:倒数秒数
istime=false;
a.val(n+"s");
var times=setTimeout(changetime,1000);
function changetime(){
if(n>0){n--;a.val(n+"s");times=setTimeout(changetime,1000);}else{clearTimeout(times);a.val("重新获取");istime=true;}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: