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

js innerHTML 改变div内容的方法

Aug 03 Javascript

原生JS实现加入收藏夹的代码

Oct 24 Javascript

node.js中的fs.renameSync方法使用说明

Dec 16 Javascript

Javascript实现字数统计

Jul 03 Javascript

详解JavaScript中的4种类型识别方法

Sep 14 Javascript

JS实现DIV容器赋值的方法

Dec 14 Javascript

JS实现的手机端精简幻灯片效果

Sep 05 Javascript

详解Javascript中的原型OOP

Oct 12 Javascript

原生javascript实现分页效果

Apr 21 Javascript

JS使用tofixed与round处理数据四舍五入的区别

Oct 25 Javascript

JavaScript数据结构之双向链表定义与使用方法示例

Oct 27 Javascript

vue.js父子组件通信动态绑定的实例

Sep 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

You might like

一道求$b相对于$a的相对路径的php代码

2010/08/08 PHP

The specified CGI application misbehaved by not returning a complete set of HTTP headers

2011/03/31 PHP

php strrpos()与strripos()函数

2013/08/31 PHP

php中的boolean(布尔)类型详解

2013/10/28 PHP

PHP代码优化之成员变量获取速度对比

2014/02/28 PHP

微信公众平台DEMO(PHP)

2016/05/04 PHP

提交表单后 PHP获取提交内容的实现方法

2016/05/25 PHP

ThinkPHP的SAE开发相关注意事项详解

2016/10/09 PHP

php获得刚插入数据的id 的几种方法总结

2018/05/31 PHP

Ubuntu彻底删除PHP7.0的方法

2018/07/27 PHP

php实现通过stomp协议连接ActiveMQ操作示例

2020/02/23 PHP

基于jquery的鼠标拖动效果代码

2012/05/30 Javascript

在JS数组特定索引处指定位置插入元素

2014/07/27 Javascript

Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果

2016/05/27 Javascript

客户端（vue框架）与服务器（koa框架）通信及服务器跨域配置详解

2017/08/26 Javascript

手机注册发送验证码倒计时的简单实例

2017/11/15 Javascript

详解如何快速配置webpack多入口脚手架

2018/12/28 Javascript

vue3.0+vue-router+element-plus初实践

2020/12/02 Vue.js

Python中的__SLOTS__属性使用示例

2015/02/18 Python

numpy数组拼接简单示例

2017/12/15 Python

Pandas Shift函数的基础入门学习笔记

2018/11/16 Python

python爬取盘搜的有效链接实现代码

2019/07/20 Python

Python实现常见的几种加密算法(MD5，SHA-1，HMAC，DES/AES，RSA和ECC)

2020/05/09 Python

PyTorch中torch.tensor与torch.Tensor的区别详解

2020/05/18 Python

PyCharm设置注释字体颜色以及是否倾斜的操作

2020/09/16 Python

寻找完美的房车租赁：RVShare

2019/02/23 全球购物

《纸船和风筝》教学反思

2014/02/15 职场文书

《散步》教学反思

2014/03/02 职场文书

预备党员转正思想汇报

2014/09/26 职场文书

2014年行风建设工作总结

2014/12/01 职场文书

会议接待欢迎词范文

2015/01/26 职场文书

统计员岗位职责

2015/02/11 职场文书

求职自荐信怎么写

2015/03/04 职场文书

父亲节感言

2015/08/03 职场文书

幼儿园卫生保健制度

2015/08/05 职场文书

参加招聘会后的感想

2015/08/10 职场文书