用作获取手机验证那倒计时器

最新推荐文章于 2025-11-28 06:24:21 发布

原创最新推荐文章于 2025-11-28 06:24:21 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #js #前端

本文介绍了一个使用jQuery实现的倒计时功能，通过设置定时器每秒更新按钮显示的剩余时间，直至计时结束并重新启用按钮。此插件适用于发送验证码等场景。

jquery倒计时秒

//设置button效果，开始计时
	var InterValObj; //timer变量，控制时间
	var count = 60; //间隔函数，1秒执行
	var curCount;//当前剩余秒数
	curCount = count;
	InterValObj = window.setInterval(SetRemainTimes, 1000); //启动计时器，1秒执行一次
//timer处理函数
	function SetRemainTimes() {
	    if (curCount == 0) {                
	        window.clearInterval(InterValObj);//停止计时器
	        $("#btnSendCodes").removeAttr("disabled");//启用按钮
	        $("#btnSendCodes").val("重新发送验证码");
	    }
	    else {
	        curCount--;
	        $("#btnSendCodes").val(curCount+'s');
	    }
	}