獲取驗證碼倒計時

1、html

<button id="sms">獲取驗證碼</button>

2、jq

var InterValObj; //timer變量,控制時間
var count = 60; //間隔函數,1秒執行
var curCount;//當前剩餘秒數
$('#sms').on('click',function(){
curCount = count;
//設置button效果,開始計時
$("#sms").attr("disabled", "disabled");
$("#sms").addClass('disable');
InterValObj = window.setInterval(SetRemainTime, 1000); //啓動計時器,1秒執行一次
});
function SetRemainTime() {
if (curCount == 0) {                
window.clearInterval(InterValObj);//停止計時器
$("#sms").removeAttr("disabled");//啓用按鈕
$("#sms").removeClass('disable');
$("#sms").text("重新獲取");
}else {
curCount--;
$("#sms").text("" + curCount + "s後獲取");
}
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章