开 2014年10月29日 In 《啃》知识

jquery点击按钮后倒计时并无法提交,倒计时结束后恢复

prolicn

<head>
<title>jquery点击按钮后灰色倒计时并且无法提交,倒计时结束后恢复</title>
<script type="text/javascript" src="http://www.198zone.com/statics/js/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 10;
var countdown = setInterval(CountDown, 1000);
function CountDown() {
$("#btn").attr("disabled", true);
$("#btn").val("您在" + count + " 秒后可以再次获取!");
if (count == 0) {
$("#btn").val("重新获取验证码").removeAttr("disabled");
clearInterval(countdown);
}
count--;
}
})
});
</script>
</head>
<body>
<input type="button" id="btn" value="提交" />
</body>

prolicn

有事没事大家坐下来聊聊天,吹吹牛.....
Keep up with me on我的网站

发表评论

电子邮件地址不会被公开。 必填项已用*标注