首页 > 其他 > 详细

验证码倒计时

时间:2016-01-29 12:14:26      阅读:109      评论:0      收藏:0      [点我收藏+]

<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>

验证码倒计时

原文:http://www.cnblogs.com/mouse2417/p/5168315.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!