JavaScript实现短信验证码60秒倒计时功能
作者:函数茶馆时间:2026-10-22 09:05:07浏览:598
本文介绍如何使用JavaScript实现短信验证码的60秒倒计时功能。通过获取按钮元素并设置禁用状态,利用setTimeout递归调用实现每秒更新剩余时间,倒计时结束后恢复按钮可点击状态及初始文本。
JavaScript实现短信验证码60秒倒计时功能
以下是实现短信验证码60秒倒计时的具体代码示例。
$(function(){
//获取验证码
var getCode = document.getElementById('getCode');
var wait = 60;
function time(btn){
if (wait===0) {
btn.removeAttribute("disabled");
btn.innerHTML = "获取验证码";
wait = 60;
}else{
btn.setAttribute("disabled",true);
btn.innerHTML = wait + "秒后重试";
wait--;
setTimeout(function(){
time(btn);
},1000);
}
}
getCode.onclick = function(){
time(this);
};
})
功能总结
以上介绍了基于JavaScript的短信验证码60秒倒计时实现方法,希望能为读者提供实用参考。如有任何疑问,欢迎留言交流,作者将及时回复。感谢对本站的支持。
作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
