點擊后 倒計時5秒, 5秒后恢復。
<input type="button" value="獲取驗證碼"></button>
var btn = document.querySelector('input'); // 點擊事件 btn.onclick = function () { //點擊按鈕時,按鈕禁用 btn.disabled = true; // 倒計時5秒 var index = 5; // 按鈕文字為獲取驗證碼(5) btn.value = `獲取驗證碼 (${index}) `; // 定時器,延遲 1s var timer = setInterval(function () { // 倒計時 --,值也跟着改變 index--; btn.value = `獲取驗證碼 (${index}) `; // 當倒計時等等為0時 if (index == 0) { // 停止計時 clearInterval(timer); // 按鈕禁用取消 btn.disabled = false; // 將文字值重置為獲取驗證碼 btn.value = '獲取驗證碼'; } }, 1000)
//setInterval 一次性定時器