编程 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 function使用心得

May 10 Javascript

js word表格动态添加代码

Jun 07 Javascript

重载toString实现JS HashMap分析

Mar 13 Javascript

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

Aug 22 Javascript

仿新浪微博返回顶部的jquery实现代码

Oct 01 Javascript

2014 年最热门的21款JavaScript框架推荐

Dec 25 Javascript

JavaScript实现单击下拉框选择直接跳转页面的方法

Jul 02 Javascript

jQuery居中元素scrollleft计算方法示例

Jan 16 Javascript

Vue2.0子同级组件之间数据交互方法

Feb 28 Javascript

基于vue cli 通过命令行传参实现多环境配置

Jul 12 Javascript

解决vue-cli脚手架打包后vendor文件过大的问题

Sep 27 Javascript

layui清除radio的选中状态实例

Nov 14 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

PHP.MVC的模板标签系统(三)

2006/09/05 PHP

PHP添加MySQL数据记录代码

2008/06/07 PHP

PHP采集类Snoopy抓取图片实例

2014/06/19 PHP

Symfony2安装的方法(2种方法)

2016/02/04 PHP

经验几则推荐

2006/09/05 Javascript

Jquery在IE7下无法使用 $.ajax解决方法

2009/11/11 Javascript

ext combox 下拉框不出现自动提示,自动选中的解决方法

2010/02/24 Javascript

Extjs显示从数据库取出时间转换JSON后的出现问题

2012/11/20 Javascript

js 关键词高亮(根据ID/tag高亮关键字)案例介绍

2013/01/21 Javascript

JavaScript instanceof 的使用方法示例介绍

2013/10/23 Javascript

jquery 合并内容相同的单元格(示例代码)

2013/12/13 Javascript

javascript学习笔记（七）Ajax和Http状态码

2014/10/08 Javascript

前端必备神器 Snap.svg 弹动效果

2014/11/10 Javascript

jQuery仿Flash上下翻动的中英文导航菜单实例

2015/03/10 Javascript

实用jquery操作表单元素的简单代码

2016/07/04 Javascript

Javascript 基础---Ajax入门必看

2016/07/06 Javascript

jQuery实现frame之间互通的方法

2017/06/26 jQuery

AngularJS的$location使用方法详解

2017/10/19 Javascript

详解angularjs跨页面传参遇到的一些问题

2018/11/01 Javascript

vue-cli4.x创建企业级项目的方法步骤

2020/06/18 Javascript

vue中渲染对象中属性时显示未定义的解决

2020/07/31 Javascript

解决vue-router路由拦截造成死循环问题

2020/08/05 Javascript

原生js实现九宫格拖拽换位

2021/01/26 Javascript

利用Python的装饰器解决Bottle框架中用户验证问题

2015/04/24 Python

Python+Opencv识别两张相似图片

2020/03/23 Python

在阿里云服务器上配置CentOS+Nginx+Python+Flask环境

2016/06/18 Python

轻松实现TensorFlow微信跳一跳的AI

2018/01/05 Python

Python计算指定日期是今年的第几天(三种方法)

2020/03/26 Python

Python requests模块session代码实例

2020/04/14 Python

python两种注释用法的示例

2020/10/09 Python

Nike墨西哥官网：Nike MX

2020/08/30 全球购物

2014年创卫实施方案

2014/02/18 职场文书

公司办公室岗位职责

2014/03/19 职场文书

高中军训的心得体会

2014/09/01 职场文书

如何使用SQL Server语句创建表

2022/04/12 SQL Server

《英雄联盟》2022日蚀、月蚀皮肤演示黑潮亚索曝光

2022/04/13 其他游戏