Js Jquery 實現的按鈕倒數計時整理

龐順龍發表於2019-05-11

Js Jquery 實現的按鈕倒數計時整理demo在附件

效果如下:


程式碼:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; 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 settime(obj) {
            if (countdown == 0) {
                obj.removeAttribute("disabled");
                obj.value = "獲取驗證碼";
                countdown = 60;
                return;
            } else {
                obj.setAttribute("disabled", true);
                obj.value = "重新傳送(" + countdown + ")";
                countdown--;
            }
            setTimeout(function () {
                settime(obj)
            }
                , 1000)
        }

    </script>
    <body>
        <input type="button" id="btn" value="獲取驗證碼" onclick="settime(this)" />

    </body>
</html> 

請喊我大龍哥最後編輯於:2年前

內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。

相關文章