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

js获取短信验证码按钮倒计时代码。

2018-03-14 15:55 597 查看


(function(){
// 快速咨询
$('#getCode').click(function() {
var mobile = $('#mobile').val();//手机号码的值
var _this = $(this);
var mobileReg = /^1[3|4|5|7|8]\d{9}$/; //手机号正则
var phoneflag = mobileReg.test(mobile);

if (!phoneflag) {
alert('手机号码格
a74a
式不正确!');
} else {

//User/getCode.html这个是后台接口

$.post("/User/getCode.html", {
mobile: mobile
}, function(data) {
_this.attr("disabled", "disabled");
_this.css({background:"#eee"});//设置不可点颜色
var val = parseInt(_this.val());
var time = 60;
_this.val(time + " S");
time--;

var timer = setInterval(function() {
val = time + " S";
_this.val(val);
if (time > 0) {
time--;
} else {
//原始颜色
_this.val("获取验证码").removeAttr("disabled").css({background:"#66CCFF"});;
clearInterval(timer);
}
}, 1000);
});
}

});
})();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: