按钮倒计时

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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值