[ javascript ] – 按鈕按下後停用三十秒再啟用 Press the button to disable up 30 seconds later


<button type="button" id="send" onclick="$(this).attr('disabled', true);window.setTimeout(setDisabled, 30000);" >送出</button> 
<!-- 當使用者按下送出鈕後就把該按鈕設為停用 ,同時設定到數三十秒後解除按鈕停用狀態-->


<script>
function setDisabled() {

	document.getElementById('send').disabled = false;
//將按鈕設為啟用
}
</script>

顯示倒數秒數版本

<button type="button" id="send" onclick="$(this).attr('disabled', true);window.setTimeout(setDisabled, 30000);setstr(30);" >送出<span id="str"></span></button>

<script>
function setDisabled() {
	document.getElementById('send').disabled = false;
}

function setstr(s) {
	document.getElementById("str").innerHTML=s;
	s -= 1;
	if(s>=0){
		setTimeout(setstr,1000,s);
	}else{document.getElementById("str").innerHTML='';}
}
		
</script>
喜歡我的文章嗎?歡迎按讚加分享,
或是點擊站內廣告讚助我喝一杯咖啡吧 - \(^_^)/

建立一個對話

你的電子郵件位址並不會被公開。 必要欄位標記為 *