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