jQuery - 實現(xiàn)發(fā)送短信驗證碼后60秒倒計時 -

屏幕快照 2018-05-25 下午5.41.44.png
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        var countdown = 60;

        function sendemail() {
            var obj = $("#btn");
            settime(obj);

        }

        function settime(obj) { //發(fā)送驗證碼倒計時
            if (countdown == 0) {
                obj.attr('disabled', false);
                //obj.removeattr("disabled");
                obj.val("免費獲取驗證碼");
                countdown = 60;
                return;
            } else {
                obj.attr('disabled', true);
                obj.val("重新發(fā)送(" + countdown + ")");
                countdown--;
            }
            setTimeout(function() {
                settime(obj)
            }, 1000)
        }
    </script>

    <body>
        <input type="button" id="btn" value="免費獲取驗證碼" onclick="sendemail()" />

    </body>

</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容