1. 程式人生 > >使用者閱讀完條款內容才能啟用按鈕的倒計時功能

使用者閱讀完條款內容才能啟用按鈕的倒計時功能

html中的內容:

<p>示例一:要求使用者閱讀完條款內容才能啟用按鈕</p>
	<form action="#" method="post" name="agree">
		<input type="submit" class="button" value="請認真檢視<服務條款和宣告> (30)" id="agree_btn" name="agreeb">
	</form>

js程式碼:

var secs = 30;
// 選中第一個按鈕,並設定按鈕的屬性是disabled
document.agree.agreeb.disabled=true;
// 開始倒計時,更新
for(var i=1;i<=secs;i++) {
	window.setTimeout("update(" + i + ")", i * 1000);
}
// 更新數字
function update(num) {
	// 倒計時結束後
	if(num == secs) {
		// 按鈕樣式改為我同意,並且設定按鈕為有效
		document.agree.agreeb.value =" 我 同 意 ";
		document.agree.agreeb.disabled=false;
	}
	else {
		// 計算倒計時還剩的時間,並顯示出來
		var printnr = secs-num;
		document.agree.agreeb.value = "請認真檢視<服務條款和宣告> (" + printnr +")";
	}
}