jq获取验证码倒计时60s

最新推荐文章于 2026-04-15 17:46:32 发布

原创最新推荐文章于 2026-04-15 17:46:32 发布 · 681 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js #setTimeout

收录于

Web 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的验证码倒计时功能。通过点击按钮启动计时器，按钮会在指定时间内变为不可点击状态，并显示剩余时间。

1.html部分

<input type="button" id="zh_get" value="获取验证码" />

2.js部分（需要引入jq）

var countdown=60;
$("#zh_get").on("click",function(){
	settime($(this));
});
//计时器函数
function settime(obj) {
	if(countdown <= 0) {
		obj.removeAttribute("disabled");
		obj.val("免费获取验证码");
		countdown = 60;
		return;
        } else {
		obj.attr("disabled","disabled");
		obj.val("重新发送(" + countdown + ")");
		countdown--;
	}
	setTimeout(function() {
		settime(obj)
	}, 1000)
}