编程 Javascript

Jquery倒数计时按钮setTimeout的实例代码

Posted in Javascript onJuly 04, 2013

<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 相关文章推荐

Javascript 阻止javascript事件冒泡，获取控件ID值

Jun 27 Javascript

基于JQuery的数字改变的动画效果--可用来做计数器

Aug 11 Javascript

jQuery.extend 函数的详细用法

Jun 27 Javascript

当鼠标滑过文本框自动选中输入框内容的JS代码分享

Nov 26 Javascript

js超时调用setTimeout和间歇调用setInterval实例分析

Jan 28 Javascript

JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】

Aug 23 Javascript

jQuery插件jqGrid动态获取列和列字段的方法

Mar 03 Javascript

Javacript中自定义的map.js 的方法

Nov 26 Javascript

微信小程序排坑指南详解

May 23 Javascript

Vue+webpack项目配置便于维护的目录结构教程详解

Oct 14 Javascript

微信小程序表单验证插件WxValidate的二次封装功能（终极版）

Sep 03 Javascript

详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

May 28 Javascript

javascript闭包的高级使用方法实例

Jul 04 #Javascript

jquery获取被勾选的checked(选中)的那一行的3列和4列的值

Jul 04 #Javascript

JavaScript回调(callback)函数概念自我理解及示例

Jul 04 #Javascript

JS实现简单的Canvas画图实例

Jul 04 #Javascript

Jquery获取复选框被选中值的简单方法

Jul 04 #Javascript

jquery和javascript的区别(常用方法比较)

Jul 04 #Javascript

JS定时刷新页面及跳转页面的方法

Jul 04 #Javascript