使用者閱讀完條款內容才能啟用按鈕的倒計時功能
阿新 • • 發佈:2019-01-23
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 +")"; } }