编程 Javascript

JQuery实现倒计时按钮具体方法

Posted in Javascript onNovember 14, 2013

<head>
    <title>test count down button</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                var count = 3;
                var countdown = setInterval(CountDown, 1000);
                function CountDown() {
                    $("#btn").attr("disabled", true);
                    $("#btn").val("Please wait " + count + " seconds!");
                    if (count == 0) {
                        $("#btn").val("Submit").removeAttr("disabled");
                        clearInterval(countdown);
                    }
                    count--;
                }
            })
        });
   </script>
</head>
<body>
<input type="button" id="btn" value="Submit" />
</body>

有兴趣您可以自己实现一下。

JQuery实现倒计时按钮具体方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript学习笔记7 原型链的原理

Jan 11 Javascript

jquery 应用代码方便的排序功能

Feb 06 Javascript

关于html+ashx开发中几个问题的解决方法

Jul 18 Javascript

JS获取节点的兄弟,父级,子级元素的方法

Jan 09 Javascript

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

Feb 11 Javascript

jQuery实现带延迟效果的滑动菜单代码

Sep 02 Javascript

jQuery.ajax 跨域请求webapi设置headers的解决方案

Aug 08 Javascript

JavaScript中对象的不同创建方法

Aug 12 Javascript

详解JS中的attribute属性

Apr 25 Javascript

windows下更新npm和node的方法

Nov 30 Javascript

JS中判断某个字符串是否包含另一个字符串的五种方法

May 03 Javascript

vue结合el-upload实现腾讯云视频上传功能

Jul 01 Javascript

jquery动态增加删除表格行的小例子

Nov 14 #Javascript

js取消单选按钮选中并判断对象是否为空

Nov 14 #Javascript

Javascript call和apply区别及使用方法

Nov 14 #Javascript

javascript 上下banner替换具体实现

Nov 14 #Javascript

javascript scrollTop正解使用方法

Nov 14 #Javascript

简单的Jquery遮罩层代码实例

Nov 14 #Javascript

Extjs改变树节点的勾选状态点击按钮将复选框去掉

Nov 14 #Javascript

You might like

用PHP实现维护文件代码

2007/06/14 PHP

php取得字符串首字母的方法

2015/03/25 PHP

php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)

2015/06/03 PHP

laravel实现于语言包的完美切换方法

2019/09/29 PHP

JavaScript获取某年某月的最后一天附截图

2014/06/23 Javascript

使用jquery+CSS实现控制打印样式

2014/12/31 Javascript

jqueryUI里拖拽排序示例分析

2015/02/26 Javascript

jQuery实现鼠标经过弹出提示信息的地图热点效果

2015/08/07 Javascript

jqGrid表格应用之新增与删除数据附源码下载

2015/12/02 Javascript

图解Sublime Text3使用技巧

2015/12/21 Javascript

Bootstrap table分页问题汇总

2016/05/30 Javascript

vue动态生成dom并且自动绑定事件

2017/04/19 Javascript

浅谈Angular2 模块懒加载的方法

2017/10/04 Javascript

浅谈Three.js截图并下载的大坑

2019/11/01 Javascript

[02:39]DOTA2英雄基础教程极限穿梭编织者

2013/12/05 DOTA

Python字符串拼接六种方法介绍

2017/12/18 Python

Python使用gRPC传输协议教程

2018/10/16 Python

在Python中,不用while和for循环遍历列表的实例

2019/02/20 Python

Python利用lxml模块爬取豆瓣读书排行榜的方法与分析

2019/04/15 Python

PyTorch加载预训练模型实例(pretrained)

2020/01/17 Python

python 偷懒技巧——使用 keyboard 录制键盘事件

2020/09/21 Python

Python eval函数原理及用法解析

2020/11/14 Python

CSS的background属性及CSS3的背景图片设置总结

2016/06/13 HTML / CSS

我的珠宝盒：Ma boîte à bijoux

2019/08/27 全球购物

美国家居装饰购物网站：Amanda Lindroth

2020/03/25 全球购物

测控技术与仪器个人求职信范文

2013/12/30 职场文书

高中生学期学习自我评价

2014/02/24 职场文书

文秘自荐信

2014/06/28 职场文书

庆七一活动总结

2014/08/27 职场文书

关于运动会广播稿50字

2014/10/18 职场文书

精神病医院见习报告

2014/11/03 职场文书

2014年绿化工作总结

2014/12/09 职场文书

2016年百日安全生产活动总结

2016/04/06 职场文书

标准演讲稿格式结尾应该怎么书写？

2019/07/17 职场文书

Centos环境下Postgresql 安装配置及环境变量配置技巧

2021/05/18 PostgreSQL

Mysql表数据比较大情况下修改添加字段的方法实例

2022/06/28 MySQL