编程 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页面顶部卷动广告效果

Dec 01 Javascript

juqery 学习之三选择器可见性元素属性

Nov 25 Javascript

ECMAScript 创建自己的js类库

Nov 22 Javascript

javascript陷阱一不小心你就中招了(字符运算)

Nov 10 Javascript

Js实现滚动变色的文字效果

Jun 16 Javascript

实现前后端数据交互方法汇总

Apr 07 Javascript

jquery计算出left和top,让一个div水平垂直居中的简单实例

Jul 13 Javascript

jQuery纵向导航菜单效果实现方法

Dec 19 Javascript

Vue自定义事件(详解)

Aug 19 Javascript

Angular中点击li标签实现更改颜色的核心代码

Dec 08 Javascript

JS装饰器函数用法总结

Apr 21 Javascript

在vue中使用eslint,配合vscode的操作

Nov 09 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下将XML转换为数组

2010/01/01 PHP

PHP自动重命名文件实现方法

2014/11/04 PHP

Zend Framework入门教程之Zend_Session会话操作详解

2016/12/08 PHP

html下载本地

2006/06/19 Javascript

看了就知道什么是JSON

2007/12/09 Javascript

jQuery开发者都需要知道的5个小技巧

2010/01/08 Javascript

jQuery Study Notes学习笔记 (二)

2010/08/04 Javascript

js 限制数字 js限制输入实现代码

2012/12/04 Javascript

JS中的this变量的使用介绍

2013/10/21 Javascript

jquery遍历之parent()和parents()的区别及parentsUntil()方法详解

2013/12/02 Javascript

jquery插件tooltipv顶部淡入淡出效果使用示例

2013/12/05 Javascript

使用Jquery实现每日签到功能

2015/04/03 Javascript

jquery ajaxfileupload异步上传插件使用详解

2017/02/08 Javascript

想用好React的你必须要知道的一些事情

2017/07/24 Javascript

前端图片懒加载(lazyload)的实现方法(提高用户体验)

2017/08/21 Javascript

JS随机数产生代码分享

2018/02/24 Javascript

mpvue跳转页面及注意事项

2018/08/03 Javascript

快速解决bootstrap下拉菜单无法隐藏的问题

2018/08/10 Javascript

node.js实现简单的压缩/解压缩功能示例

2019/11/05 Javascript

vue中keep-alive，include的缓存问题

2019/11/26 Javascript

JavaScript使用canvas绘制随机验证码

2020/02/17 Javascript

JavaScript Tab菜单实现过程解析

2020/05/13 Javascript

Python中__new__与__init__方法的区别详解

2015/05/04 Python

Python实现的特征提取操作示例

2018/12/03 Python

Python获取当前脚本文件夹(Script)的绝对路径方法代码

2019/08/27 Python

python网络编程之五子棋游戏

2020/05/14 Python

CSS实现圆形放大镜狙击镜效果只有圆圈里的放大

2012/12/10 HTML / CSS

世界上最悠久的自行车制造商：Ribble Cycles

2017/03/18 全球购物

家长给幼儿园的表扬信

2014/01/09 职场文书

乡镇党委书记个人整改措施

2014/09/15 职场文书

农业局党的群众路线教育实践活动整改方案

2014/09/20 职场文书

防汛工作情况汇报

2014/10/28 职场文书

慰问信范文

2015/02/14 职场文书

关于迟到的检讨书

2015/05/06 职场文书

《植树问题》教学反思

2016/03/03 职场文书

vue项目proxyTable配置和部署服务器

2022/04/14 Vue.js