编程 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中简单的实现像C#中using功能（有源码下载）

Jan 09 Javascript

一个js写的日历（代码部分网摘）

Sep 20 Javascript

js window.open弹出新的网页窗口

Jan 16 Javascript

JavaScript获取网页、浏览器、屏幕高度和宽度汇总

Dec 18 Javascript

使用mini-define实现前端代码的模块化管理

Dec 25 Javascript

jQuery中last()方法用法实例

Jan 06 Javascript

对比分析AngularJS中的$http.post与jQuery.post的区别

Feb 27 Javascript

Javascript编程中几种继承方式比较分析

Nov 28 Javascript

通过Ajax使用FormData对象无刷新上传文件方法

Dec 08 Javascript

JS获取鼠标位置距浏览器窗口距离的方法示例

Apr 11 Javascript

详解微信小程序实现WebSocket心跳重连

Jul 31 Javascript

vue实现移动端图片上传功能

Dec 23 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

学习使用curl采集curl使用方法

2012/01/11 PHP

Laravel ORM 数据model操作教程

2019/10/21 PHP

基于PHP+mysql实现新闻发布系统的开发

2020/08/06 PHP

javascript 模式设计之工厂模式详细说明

2010/05/10 Javascript

分享几个超级震憾的图片特效

2012/01/08 Javascript

JavaScript格式化日期时间的方法和自定义格式化函数示例

2014/04/04 Javascript

JavaScript函数节流概念与用法实例详解

2016/06/20 Javascript

Vue.js实战之Vuex的入门教程

2017/04/01 Javascript

Javascript实现的StopWatch功能示例

2017/06/13 Javascript

Require.js的基本用法详解

2017/07/03 Javascript

Vue监听事件实现计数点击依次增加的方法

2018/09/26 Javascript

在React项目中使用Eslint代码检查工具及常见问题

2018/10/10 Javascript

JS实现数组深拷贝的方法分析

2019/03/06 Javascript

Vue.js页面中有多个input搜索框如何实现防抖操作

2019/11/04 Javascript

JavaScript实现原型封装轮播图

2020/12/27 Javascript

windows下安装python paramiko模块的代码

2013/02/10 Python

python使用wmi模块获取windows下的系统信息监控系统

2015/10/27 Python

Python采用Django制作简易的知乎日报API

2016/08/03 Python

对python判断ip是否可达的实例详解

2019/01/31 Python

python使用Plotly绘图工具绘制散点图、线形图

2019/04/02 Python

python实现控制COM口的示例

2019/07/03 Python

tensorflow实现打印ckpt模型保存下的变量名称及变量值

2020/01/04 Python

opencv+python实现均值滤波

2020/02/19 Python

python编写实现抽奖器

2020/09/10 Python

Python定时任务框架APScheduler原理及常用代码

2020/10/05 Python

windows系统Tensorflow2.x简单安装记录(图文)

2021/01/18 Python

HTML5录音实践总结(Preact)

2020/05/07 HTML / CSS

俄罗斯珠宝市场的领导者之一：Бронницкий ювелир

2019/10/02 全球购物

Johnson Fitness澳大利亚：高级健身器材

2021/03/16 全球购物

博士生导师推荐信

2014/07/08 职场文书

解除劳动合同协议书范本2014

2014/09/25 职场文书

检察院院长群众路线教育实践活动个人整改措施

2014/10/04 职场文书

董事长秘书岗位职责

2015/02/13 职场文书

2016抗战胜利71周年红领巾广播稿

2015/12/18 职场文书

读《推着妈妈去旅行》有感1500字

2019/10/15 职场文书

Spring this调用当前类方法无法拦截的示例代码

2022/03/20 Java/Android