jQuery代码:
<script type="text/javascript">
……
// 主函数,执行倒计时任务
function countSeconds() {
// 倒计时秒数
var secs = 60;
var wait = secs * 1000;
var sendButton = $('#send_button');
sendButton.html("请等待" + secs + "秒");
sendButton.attr('disabled', true);
for(var i = 1; i <= secs; i++) {
window.setTimeout("update(" + i + "," + secs + ")", i * 1000);
}
window.setTimeout("timer()", wait);
}
// 时间周期内调用修改按钮内容
function update(num, secs) {
var sendButton = $('#send_button');
if(num == secs) {
sendButton.html("发送验证码");
} else {
var second = secs - num;
sendButton.html("请等待" + second + "秒");
}
}
// 倒计时结束后最后一次执行修改按钮内容,没有执行该方法则最后按钮为灰化状态
function timer() {
var sendButton = $('#send_button');
sendButton.attr('disabled', false);
sendButton.html("发送验证码");
}
……
</script>
html代码:
<body>
……
<div class="form-actions">
<input type="submit" class="btn btn-primary" value="注册"></input>
</div>
……
</body>