1. 程式人生 > >使用js函式實現按鈕控制倒計時

使用js函式實現按鈕控制倒計時

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();
}