js获取验证码后倒计时(记录一下)
2017-12-12 20:52
232 查看
//点击“获取验证码”
$(".code-btn").click(function () {
var imgCode = $(".img-code-input").val(),
tips2 = $(".tips2");
tips2.removeClass("active");//提示内容隐藏
var second = 60,//初始化时间
btnText = "获取验证码",//按钮文本内容
time="";
//计时调用的函数 每隔1s second-1
function timeGo(){
if(second>1){
//判断second>1 递减
second--;
btnText = second+"s后重新获取";
$(".code-btn").attr("disabled","true");//将按钮设置为 不可用
}else if(second==1){
btnText = "获取验证码";
clearInterval(time);
$(".code-btn").removeAttr("disabled");//移除disabled属性
}
$(".code-btn").text(btnText);//按钮文本
};
time=setInterval(timeGo,1000)
});
$(".code-btn").click(function () {
var imgCode = $(".img-code-input").val(),
tips2 = $(".tips2");
tips2.removeClass("active");//提示内容隐藏
var second = 60,//初始化时间
btnText = "获取验证码",//按钮文本内容
time="";
//计时调用的函数 每隔1s second-1
function timeGo(){
if(second>1){
//判断second>1 递减
second--;
btnText = second+"s后重新获取";
$(".code-btn").attr("disabled","true");//将按钮设置为 不可用
}else if(second==1){
btnText = "获取验证码";
clearInterval(time);
$(".code-btn").removeAttr("disabled");//移除disabled属性
}
$(".code-btn").text(btnText);//按钮文本
};
time=setInterval(timeGo,1000)
});
相关文章推荐
- js获取手机验证码倒计时的实现
- js实现点击获取验证码倒计时效果
- JS 实现获取验证码 倒计时功能
- js/jquery实现免费获取手机验证码倒计时效果
- js获取手机验证码倒计时的实现
- JS/jQ实现免费获取手机验证码倒计时效果
- js获取验证码倒计时60s(超简单)
- 获取验证码倒计时,js代码
- ionic+AngularJs实现获取验证码倒计时按钮
- js/jquery实现免费获取手机验证码倒计时效果
- js获取验证码倒计时效果
- js获取验证码倒计时如何实现
- clips 前端 js 倒计时 获取验证码的按钮
- JS获取验证码后倒计时不受页面刷新及关闭影响
- Angular.js实现获取验证码倒计时60秒按钮的简单方法
- js实现点击获取验证码倒计时效果
- js实现免费获取手机验证码倒计时效果
- 获取验证码,60秒倒计时js
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
- 记录一下js中获取后台request域中的属性