jquery實現的發送短信驗證碼后60秒倒計時功能，完整實例可到http://smsow.zhenzikj.com/doc/sdk.html 下載"注冊驗證碼"的demo。
直接下載:
java版: http://smsow.zhenzikj.com/demo/download.html?fileName=zhenzisms_java_demo
php版: http://smsow.zhenzikj.com/demo/download.html?fileName=zhenzisms_php_demo
效果圖:
javascript源碼
//短信驗證碼倒計時
var countdownHandler = function(){
var $button = $(".sendVerifyCode");
var number = 60;
var countdown = function(){
if (number == 0) {
$button.attr("disabled",false);
$button.html("發送驗證碼");
number = 60;
return;
} else {
$button.attr("disabled",true);
$button.html(number + "秒 重新發送");
number--;
}
setTimeout(countdown,1000);
}
setTimeout(countdown,1000);
}
html源碼
<body>
<form>
<div class="row">
<label>賬號: </label><input name="userId">
</div>
<div class="row">
<label>密碼:</label><input name="password">
</div>
<div class="row">
<label>手機號:</label><input name="mobile">
</div>
<div class="row">
<label>驗證碼:</label>
<input name="verifyCode">
<button type="button" class="sendVerifyCode">獲取短信驗證碼</button>
</div>
<div><button type="button" class="sub-btn">提交</button></div>
</form>
</body>