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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
基于jquery的图片懒加载js
Jun 30 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
Apr 25 Javascript
javascript操作ul中li的方法
May 14 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
JS实现碰撞检测效果
Mar 12 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网上调查系统
2006/10/09 PHP
php下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
javascript 写类方式之九
2009/07/05 Javascript
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
Angular实现的进度条功能示例
2018/02/18 Javascript
详解微信小程序实现WebSocket心跳重连
2018/07/31 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
团日活动总结
2014/04/28 职场文书
安全生产大检查方案
2014/05/07 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
乡镇爱国卫生月活动总结
2014/06/25 职场文书
办公室领导干部作风整顿个人整改措施
2014/09/17 职场文书
四风问题个人自查剖析材料思想汇报
2014/09/21 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
SpringBoot实现quartz定时任务可视化管理功能
2021/08/30 Java/Android
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫