getVarify.js

// 驗證碼計時——第一種
window.onload = function () {
    var send = document.getElementById('send'), //按鈕ID
        times = 10, // 別忘了改這裡
        timer = null;
    send.onclick = function () {
        // 計時開始
        send.disabled = true;
        timer = setInterval(function () {
            times--;
            if (times <= 0) {
                send.value = '獲取驗證碼';
                clearInterval(timer);
                times = 5;  // 別忘了改這裡
                send.disabled = false;
            } else {
                send.value = times + '秒後重試'
                send.disabled = true;
            } console.log(times)
        }, 1000);
        // 傳送請求獲取驗證碼
        console.log("sending...")
    }
}// 驗證碼計時——第二種
// 引數：倒計時秒數, 按鈕jquery物件, 倒計時結束時顯示的文字
// 可以放到簡訊傳送完畢後的回撥函式裡
// switchMSG(60, $("#get-verify"), '獲取驗證碼')
function switchMSG(times, ele, txt) {
    ele.prop('disabled', true)
    var idT = setInterval(function() {
        if(times < 1) {
            ele.html(txt)
            ele.prop('disabled', false)
            clearInterval(idT)
        } else {
            ele.html(times+'s')
            times--

        }
    }, 1000)
}