<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>
喜歡我的文章嗎?歡迎按讚加分享/留言交流,或是點擊下方廣告讚助我喝一杯咖啡吧 ^_^ ⇩⇩⇩

Leave a comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *