快捷導(dǎo)航

Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例代碼

更新時(shí)間：2013年07月04日 15:53:32 作者：

這篇文章介紹了Jquery倒數(shù)計(jì)時(shí)按鈕setTimeout的實(shí)例，有需要的朋友可以參考一下

<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; // 倒數(shù)十下
        $(function() {
            timeout = setTimeout(BtnCount, 1000); // 1s執(zhí)行一次BtnCount
        });
        BtnCount = function() {
               // 啟動(dòng)按鈕
               if (count == 0) {
                $('#btnSubmit').attr("disabled", "");
                $('#btnSubmit').val("確定");
                clearTimeout(timeout);           // 可取消由 setTimeout() 方法設(shè)置的 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預(yù)設(shè)只執(zhí)行一次，但我們可以用遞歸，是它自己?jiǎn)?dòng)自己。

您可能感興趣的文章:

相關(guān)文章

jQuery使用$獲取對(duì)象后檢查該對(duì)象是否存在的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query使用$獲取對(duì)象后檢查該對(duì)象是否存在的實(shí)現(xiàn)方法。小編覺而挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼
這篇文章主要介紹了jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼,涉及jquery基于時(shí)間函數(shù)定時(shí)觸發(fā)頁(yè)面元素變換實(shí)現(xiàn)滾動(dòng)效果的相關(guān)技巧,需要的朋友可以參考下
2016-02-02
jQuery之浮動(dòng)窗口實(shí)現(xiàn)代碼(兩種方法)
今天公司要求實(shí)現(xiàn)浮動(dòng)窗口效果，自己看了不少資料終于實(shí)現(xiàn)此效果。用jQ實(shí)現(xiàn)浮動(dòng)窗口功能,彈出窗口時(shí)背景變暗.
2010-09-09
下面小編就為大家?guī)硪黄褂胘Query實(shí)現(xiàn)簡(jiǎn)單的tab框?qū)嵗?。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08