jQuery倒数计时按钮

<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://www.linuxidc.com/js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        var timeout;
        var count = 10; // 倒数十下

        $(function() {
            timeout = setTimeout(BtnCount, 1000); // 1s执行一次BtnCount
        });

        BtnCount = function() {
           

               // 启动按钮

               if (count == 0) {
                $('#btnSubmit').attr("disabled", "");
                $('#btnSubmit').val("确定");
                clearTimeout(timeout);           // 可取消由 setTimeout() 方法设置的 timeout
            }
            else {
                count--;
                $('#btnSubmit').val("确(" + count.toString() + ")定");
                setTimeout(BtnCount, 1000); 
            }
        };
    </script>
</head>
<body>
    <form runat="server">
    <div>
        <asp:Button runat="server" Text="确定" Enabled="false"
           />
    </div>
    </form>
</body>

setTimeout预设只执行一次,但我们可以用递归,是它自己启动自己。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wygwff.html