编程 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的几种方法小结

Apr 25 Javascript

jQuery实现级联菜单效果(仿淘宝首页菜单动画)

Apr 10 Javascript

js获取当前时间显示在页面上并每秒刷新

Dec 24 Javascript

JS实现点击网页判断是否安装app并打开否则跳转app store

Nov 18 Javascript

jquery 多个radio的click事件实例

Dec 03 Javascript

ES6学习教程之Map的常用方法总结

Aug 03 Javascript

echarts学习笔记之箱线图的分析与绘制详解

Nov 22 Javascript

微信小程序radio组件使用详解

Jan 31 Javascript

vue-router的HTML5 History 模式设置

Sep 08 Javascript

Postman的下载及安装教程详解

Oct 16 Javascript

小程序接口的promise化的实现方法

Dec 11 Javascript

Vue 实现v-for循环的时候更改 class的样式名称

Jul 17 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

在普通HTTP上安全地传输密码

2007/07/21 PHP

php 无限级分类学习参考之对ecshop无限级分类的解析带详细注释

2010/03/23 PHP

解析PHP实现多进程并行执行脚本

2013/06/18 PHP

php多种形式发送邮件(mail qmail邮件系统 phpmailer类)

2014/01/22 PHP

用javascript实现无刷新更新数据的详细步骤 asp

2006/12/26 Javascript

Javascript级联下拉菜单以及AJAX数据验证核心代码

2013/05/10 Javascript

JavaScript算法系列之快速排序（Quicksort）算法实例详解

2016/09/04 Javascript

NodeJS使用formidable实现文件上传

2016/10/27 NodeJs

微信小程序实现拖拽事件监听实例详解

2016/11/16 Javascript

canvas学习之API整理笔记（二）

2016/12/29 Javascript

vue的一个分页组件的示例代码

2017/12/25 Javascript

bootstrap 点击空白处popover弹出框隐藏实例

2018/01/24 Javascript

解决在Bootstrap模糊框中使用WebUploader的问题

2018/03/22 Javascript

JQuery Ajax动态加载Table数据的实例讲解

2018/08/09 jQuery

简单通过settimeout看javascript的运行机制

2019/05/10 Javascript

Nuxt.js 静态资源和打包的操作

2020/11/06 Javascript

[02:20]DOTA2中文配音宣传片

2013/05/22 DOTA

python装饰器初探(推荐)

2016/07/21 Python

Python flask框架post接口调用示例

2019/07/03 Python

python 如何将数据写入本地txt文本文件的实现方法

2019/09/11 Python

python 有效的括号的实现代码示例

2019/11/11 Python

Django3.0 异步通信初体验(小结)

2019/12/04 Python

One.com挪威：北欧成长最快的网络托管公司

2016/11/19 全球购物

固特异美国在线轮胎店：Goodyear Tire

2019/02/23 全球购物

Servlet方面面试题

2016/09/28 面试题

秋季运动会稿件

2014/01/30 职场文书

《大作家的小老师》教学反思

2014/04/16 职场文书

投资合作协议书范本

2014/04/17 职场文书

2014学校领导四风对照检查材料思想汇报

2014/09/23 职场文书

投标承诺函格式

2015/01/21 职场文书

统计员岗位职责

2015/02/11 职场文书

小学主题班会教案

2015/08/17 职场文书

mybatis中注解与xml配置的对应关系和对比分析

2021/08/04 Java/Android

Javascript设计模式之原型模式详细

2021/10/05 Javascript

Smart 2 车辆代号 HC11 全新谍照曝光

2022/04/21 数码科技

MySQL池化框架学习接池自定义

2022/07/23 MySQL