编程 Javascript

JQuery实现倒计时按钮的实现代码

Posted in Javascript onMarch 23, 2012

<head> 
<title>test count down button</title> 
<script src="http://demo.3water.com/jslib/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文件上传(php)

Jun 16 Javascript

javascript JSON操作入门实例

Apr 16 Javascript

Javascript 面向对象之重载

May 04 Javascript

jQuery下的几个你可能没用过的功能

Aug 29 Javascript

jQuery使用before()和after()在元素前后添加内容的方法

Mar 26 Javascript

对Js OOP编程创建对象的一些全面理解

Jul 26 Javascript

AngularJS实现ajax请求的方法

Nov 22 Javascript

AngularJS中的缓存使用

Jan 11 Javascript

js判断数组是否包含某个字符串变量的实例

Nov 24 Javascript

jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法

Mar 28 jQuery

Vue3 源码导读(推荐)

Oct 14 Javascript

Postman参数化实现过程及原理解析

Aug 13 Javascript

JQuery防止退格键网页后退的实现代码

Mar 23 #Javascript

jQuery中将函数赋值给变量的调用方法

Mar 23 #Javascript

ExtJs使用总结(非常详细)

Mar 22 #Javascript

常用Extjs工具:Extjs.util.Format使用方法

Mar 22 #Javascript

Extjs中ComboBox加载并赋初值的实现方法

Mar 22 #Javascript

利用json获取字符出现次数的代码

Mar 22 #Javascript

解决Extjs上传图片无法预览的解决方法

Mar 22 #Javascript

You might like

PHP伪静态Rewrite设置之APACHE篇

2014/07/30 PHP

浅谈ThinkPHP的URL重写

2014/11/25 PHP

PHP设计模式之适配器模式代码实例

2015/05/11 PHP

thinkphp3.x自定义Action、Model及View的简单实现方法

2016/05/19 PHP

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

2013/01/24 Javascript

jQuery验证插件 Validate详解

2014/11/20 Javascript

使用百度地图api实现根据地址查询经纬度

2014/12/11 Javascript

jquery通过load获取文件的内容并跳到锚点的方法

2015/01/29 Javascript

jQuery打字效果实现方法(附demo源码下载)

2015/12/18 Javascript

Angularjs使用directive自定义指令实现attribute继承的方法详解

2016/08/05 Javascript

JavaScript 数组的深度复制解析

2016/11/02 Javascript

值得分享和收藏的xmlplus组件学习教程

2017/05/05 Javascript

原生js二级联动效果

2017/06/20 Javascript

详谈innerHTML innerText的使用和区别

2017/08/18 Javascript

微信小程序高德地图路线规划实现过程详解

2019/08/05 Javascript

JS实现商城秒杀倒计时功能(动态设置秒杀时间)

2019/12/12 Javascript

有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案

2020/05/09 Javascript

JS组件库AlloyTouch实现图片轮播过程解析

2020/05/29 Javascript

[01:02:05]LGD vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.19

2018/08/21 DOTA

python操作MongoDB基础知识

2013/11/01 Python

Python中利用函数装饰器实现备忘功能

2015/03/30 Python

Python操作Excel插入删除行的方法

2018/12/10 Python

Python进阶之自定义对象实现切片功能

2019/01/07 Python

python中append实例用法总结

2019/07/30 Python

PyTorch的SoftMax交叉熵损失和梯度用法

2020/01/15 Python

python扫描线填充算法详解

2020/02/19 Python

15款Python编辑器的优缺点,别再问我“选什么编辑器”啦

2020/10/19 Python

PyCharm 光标变成黑块的解决方式

2021/02/06 Python

Python面试题：如何用Python来发送邮件

2016/03/15 面试题

员工拾金不昧表扬信

2014/01/09 职场文书

计算机求职自荐信范文

2014/04/19 职场文书

高中生国庆节演讲稿范文2014

2014/09/21 职场文书

自我工作评价范文

2015/03/06 职场文书

2015年房产销售工作总结范文

2015/05/22 职场文书

TypeScript中条件类型精读与实践记录

2021/10/05 Javascript

MySQL数据库必备之条件查询语句

2021/10/15 MySQL