DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery倒數計時按鈕setTimeout的實例代碼
Jquery倒數計時按鈕setTimeout的實例代碼
編輯:JQuery特效代碼     
. 代碼如下:
<head runat="server">
    <title></title>
    <script type="text/javascript" src="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 id="form1" runat="server">
    <div>
        <asp:Button ID="btnSubmit" runat="server" Text="確定" Enabled="false"
            onclick="btnSubmit_Click"/>
    </div>
    </form>
</body>

setTimeout預設只執行一次,但我們可以用遞歸,是它自己啟動自己。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved