编程 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 removeChild 障眼法可能出现的错误

Oct 06 Javascript

jquery实现点击消失的代码

Mar 03 Javascript

jQuery 插件开发指南

Nov 14 Javascript

jQuery中index()方法用法实例

Dec 27 Javascript

JavaScript中的数组操作介绍

Dec 30 Javascript

完美实现bootstrap分页查询

Dec 09 Javascript

AngularJS 视图详解及示例代码

Aug 17 Javascript

JS只能输入正整数的简单实例

Oct 07 Javascript

微信小程序实战之登录页面制作（5）

Mar 30 Javascript

vue-router重定向不刷新问题的解决

Jun 25 Javascript

React组件对子组件children进行加强的方法

Jun 23 Javascript

JavaScript实现图片放大镜效果

Jun 27 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

模仿OSO的论坛（五）

2006/10/09 PHP

PHP 如何向 MySQL 发送数据

2006/10/09 PHP

使用swoole扩展php websocket示例

2014/02/13 PHP

php中debug_backtrace、debug_print_backtrace和匿名函数用法实例

2014/12/01 PHP

php实现的用户查询类实例

2015/06/18 PHP

php使用yield对性能提升的测试实例分析

2019/09/19 PHP

浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑

2019/10/21 PHP

JS等比例缩小图片尺寸的实例

2013/02/27 Javascript

javascript 使用 NodeList需要注意的问题

2013/03/04 Javascript

基于javascript实现彩票随机数生成（升级版）

2020/04/17 Javascript

JavaScript与java语言有什么不同

2016/09/22 Javascript

bootstrap flask登录页面编写实例

2016/11/01 Javascript

jQuery.ajax实现根据不同的Content-Type做出不同的响应

2016/11/03 Javascript

微信小程序配置文件详细介绍

2016/12/14 Javascript

JavaScript实现换肤功能

2017/09/15 Javascript

通过js控制时间,一秒一秒自己动的实例

2017/10/25 Javascript

vue 表单输入格式化中文输入法异常问题

2018/05/30 Javascript

React+Webpack快速上手指南(小结)

2018/08/15 Javascript

JavaScript对象的特性与实践应用深入详解

2018/12/30 Javascript

vue组件化中slot的基本使用方法

2019/05/01 Javascript

Vue 实现登录界面验证码功能

2020/01/03 Javascript

全面解析JavaScript Module模式

2020/07/24 Javascript

python算法表示概念扫盲教程

2017/04/13 Python

基于Python的XSS测试工具XSStrike使用方法

2017/07/29 Python

python timestamp和datetime之间转换详解

2017/12/11 Python

Python框架Flask的基本数据库操作方法分析

2018/07/13 Python

Python函数中的可变长参数详解

2019/09/12 Python

python实现统计代码行数的小工具

2019/09/19 Python

Python的信号库Blinker用法详解

2020/12/31 Python

No module named ‘win32gui‘ 的解决方法(踩坑之旅)

2021/02/18 Python

利用CSS3实现单选框动画特效示例代码

2016/09/26 HTML / CSS

Urban Outfitters德国官网：美国跨国生活方式零售公司

2018/05/21 全球购物

商务助理岗位职责

2013/11/13 职场文书

导盲犬小Q观后感

2015/06/11 职场文书

pytorch通过训练结果的复现设置随机种子

2021/06/01 Python

CSS几步实现赛博朋克2077风格视觉效果

2021/06/16 HTML / CSS