编程 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 相关文章推荐

Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据

Mar 16 Javascript

js日历功能对象

Jan 12 Javascript

深入解析Backbone.js框架的依赖库Underscore.js的作用

May 07 Javascript

JavaScript中instanceof运算符的使用示例

Jun 08 Javascript

利用js编写响应式侧边栏

Sep 17 Javascript

js验证手机号、密码、短信验证码代码工具类

Jun 24 Javascript

Angular 2父子组件数据传递之@Input和@Output详解 (上)

Jul 05 Javascript

JavaScript继承定义与用法实践分析

May 28 Javascript

js 数组详细操作方法及解析合集

Jun 01 Javascript

vue.js层叠轮播效果的实例代码

Nov 08 Javascript

Vue 报错TypeError: this.$set is not a function 的解决方法

Dec 17 Javascript

Vue实现日历小插件

Jun 26 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中在数据库中保存Checkbox数据(1)

2006/10/09 PHP

比较全的PHP 会话(session 时间设定)使用入门代码

2008/06/05 PHP

php基于GD库画五星红旗的方法

2015/02/24 PHP

Laravel 5.4.36中session没有保存成功问题的解决

2018/02/19 PHP

tp5(thinkPHP5框架)使用DB实现批量删除功能示例

2019/05/28 PHP

CLASS_CONFUSION JS混淆全源码

2007/12/12 Javascript

网页开发中的容易忽略的问题 javascript HTML中的table

2009/04/15 Javascript

js跨域问题之跨域iframe自适应大小实现代码

2010/07/17 Javascript

javascript简易缓动插件(源码打包)

2012/02/16 Javascript

JS不间断向上滚动效果代码

2013/12/25 Javascript

Jquery 过滤器(first,last,not,even,odd)的使用

2014/01/22 Javascript

用js正确判断用户名cookie是否存在的方法

2014/01/28 Javascript

通过Javascript读取本地Excel文件内容的代码示例

2014/04/08 Javascript

5个可以帮你理解JavaScript核心闭包和作用域的小例子

2014/10/08 Javascript

日常收集整理的JavaScript常用函数方法

2015/12/10 Javascript

AngualrJS中的Directive制作一个菜单

2016/01/26 Javascript

JavaScript中的冒泡排序法

2016/08/03 Javascript

PHP抓取HTTPS内容和错误处理的方法

2016/09/30 Javascript

javascript 动态样式添加的简单实现

2016/10/11 Javascript

BootStrap selectpicker后台动态绑定数据

2017/06/01 Javascript

AnglarJs中的上拉加载实现代码

2018/02/08 Javascript

原生JS封装拖动验证滑块的实现代码示例

2020/06/01 Javascript

python opencv3实现人脸识别（windows）

2018/05/25 Python

Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】

2018/08/30 Python

pytorch在fintune时将sequential中的层输出方法,以vgg为例

2019/08/20 Python

Python迷宫生成和迷宫破解算法实例

2019/12/24 Python

Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解

2020/02/14 Python

调整Jupyter notebook的启动目录操作

2020/04/10 Python

Scrapy中如何向Spider传入参数的方法实现

2020/09/28 Python

Ariat官网：美国马靴和服装品牌

2019/12/16 全球购物

给学校的建议书范文

2014/05/15 职场文书

2014年党员自我剖析材料

2014/10/07 职场文书

卫生保健工作总结2015

2015/05/18 职场文书

运动会200米广播稿

2015/08/19 职场文书

2019广播稿怎么写

2019/04/17 职场文书

ajax请求前端跨域问题原因及解决方案

2021/10/16 Javascript