js获取验证码后倒计时（记录一下）

最新推荐文章于 2023-03-25 17:16:12 发布

原创最新推荐文章于 2023-03-25 17:16:12 发布 · 510 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在网页上实现验证码倒计时功能的方法。通过JavaScript代码，当用户点击获取验证码按钮后，按钮变为不可点击状态并开始60秒倒计时。倒计时结束后，按钮恢复初始状态。此功能常用于防止重复发送验证码。

//点击“获取验证码”
$(".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)

});