Jquery倒数计时按钮—setTimeout

简介:
 

<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预设只执行一次,但我们可以用递归,是它自己启动自己。

目录
相关文章
|
JavaScript
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
85 0
|
3月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
23 1
|
3月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
20 1
|
6月前
|
JavaScript 前端开发
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
【5月更文挑战第2天】【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片?
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
60 0
|
JavaScript 前端开发
jquery导航选中按钮颜色变化
jquery导航选中按钮颜色变化
51 0
|
JavaScript
jQuery点击按钮,生成input输入框
jQuery点击按钮,生成input输入框
61 0
|
JavaScript 前端开发
jquery通过setInterval实现按钮的轮播点击效果
jquery通过setInterval实现按钮的轮播点击效果
71 0
jquery通过setInterval实现按钮的轮播点击效果
|
JavaScript 前端开发
jquery如何在点击一个按钮时显示隐藏
jquery如何在点击一个按钮时显示隐藏
120 0
|
JavaScript
jquery实现tab选项卡同一个按钮不同onClick链接的解决方案
jquery实现tab选项卡同一个按钮不同onClick链接的解决方案
99 0