【JavaScript】使用js實現傳送郵箱驗證碼，按鈕倒數計時

使用JQuery做一個點選按鈕倒數計時的效果；

先給大家看一下最終的效果，

圖一：按鈕可點選，

圖二：按鈕不可點選，並更改button的html()

按鈕Html程式碼如下：

<button type="button" class="ui_btn ui_org_btn" id="tel_btn"
style="height: 43px">獲取驗證碼</button>

js程式碼如下：

// 傳送驗證碼倒數計時60s
$(function() {

	var btn = $("#tel_btn");
	$(function() {
		btn.click(settime);
	})
	var countdown = 5;//倒數計時總時間，為了演示效果，設為5秒，一般都是60s
	function settime() {
		if (countdown == 0) {
			btn.attr("disabled", false);
			btn.html("獲取驗證碼");
			btn.removeClass("disabled");
			countdown = 5;
			return;
		} else {
			btn.addClass("disabled");
			btn.attr("disabled", true);
			btn.html("重新傳送(" + countdown + ")");
			countdown--;
		}
		setTimeout(settime, 1000);
	}

})