验证码倒计时

余生颓废 提交于 2020-03-02 04:25:53

<body>
<span id="sendCode" style="background: #ccc;padding: 5px;">发送验证码</span>

<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
var sendCode = $("#sendCode");

function countTime(options) {
options = options || {};
var time = options.time || 30;
var callback = options.callback || function() {};
var timeEndCallback = options.timeEndCallback || function() {};
var next = function() {
if (time == 0) {
clearTimeout(timer);
timer = null;
timeEndCallback();
} else {
callback(time);
time--;
timer = setTimeout(next, 1000);
};
};
timer = setTimeout(next, 0);
};

function countTime1() {
var disabledClass = "disabledClass";
if (!sendCode.hasClass(disabledClass)) {
countTime({
callback: function(s) {
sendCode.html(s + "s后重新发送");
},
timeEndCallback: function() {
sendCode.removeClass(disabledClass);
sendCode.html("重发验证码");
}
});
}
sendCode.addClass(disabledClass);
}
sendCode.on("click", function() {
countTime1();
});
</script>

</body>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!