使用js函式實現按鈕控制倒計時
阿新 • • 發佈:2018-11-17
1.設定控制倒計時的函式
function count(){ var count = 149;//倒計時開始的秒數 var countdown = setInterval(CountDown, 1000); //倒計時增量(1000為毫秒) function CountDown() { $("#sendPhoneCode").val("(" + count + ")重新發送");//重寫按鈕值 if (count == 0) { $("#sendPhoneCode").val("重新發送").removeAttr("disabled"); //計時結束,按鈕可用 $("#sendPhoneCode").css("backgroundColor","#63B8FF"); clearInterval(countdown); //清除定時函式 } count--; } }
2.設定呼叫該倒計時函式的函式
function click(){
$("#sendPhoneCode").attr("disabled", true);
$("#sendPhoneCode").css("backgroundColor","#ccc");
count();
}