文 / 秦未

HTML：

<input id="mail" class="mail" type="email" name="email" placeholder="Your Mail" required>
<button id="btn-pin" class="btn-pin">獲取驗(yàn)證碼</button>

jQuery：

$(document).ready(function () {
        let timer;
        function Countdown(obj) {
            if (timer >= 1) {
                obj.attr("disabled", true).text("重新發(fā)送(" + timer + ")");
                timer--;
                setTimeout(function () {
                    Countdown(obj);
                }, 1000);
            } else {
                obj.attr("disabled", false).text("重新發(fā)送");
            }
        }

        $("#btn-pin").on("click", function () {
            let mail = $("#mail").val();
            if(mail){
                // 向后端發(fā)送請(qǐng)求

                // 重新發(fā)送倒計(jì)時(shí)
                timer = 60;
                Countdown(obj=$("#btn-pin"));
            }
        });
    });