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

javascript 图片裁剪技巧解读

Nov 15 Javascript

Eclipse下jQuery文件报错出现错误提示红叉

Jan 13 Javascript

js全选按钮的实现方法

Nov 17 Javascript

javascript实现滑动解锁功能

Mar 22 Javascript

微信小程序引入es6 promise

Apr 12 Javascript

JS实现静态页面搜索并高亮显示功能完整示例

Sep 19 Javascript

利用JQUERY实现多个AJAX请求等待的实例

Dec 14 jQuery

微信小程序开发问题之wx.previewImage

Dec 25 Javascript

Vue.js数字输入框组件使用方法详解

Oct 19 Javascript

vue学习笔记之Vue中css动画原理简单示例

Feb 29 Javascript

JS eval代码快速解密实例解析

Apr 23 Javascript

JS前端可视化canvas动画原理及其推导实现

Aug 05 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程序员工具

2008/05/26 PHP

php面向对象全攻略（十二）抽象方法和抽象类

2009/09/30 PHP

深入mysql_fetch_row()与mysql_fetch_array()的区别详解

2013/06/05 PHP

set_exception_handler函数在ThinkPHP中的用法

2014/10/31 PHP

PHP实现递归目录的5种方法

2016/10/27 PHP

PHP数据的提交与过滤基本操作实例详解

2016/11/11 PHP

深入理解 PHP7 中全新的 zval 容器和引用计数机制

2018/10/15 PHP

TP5框架简单登录功能实现方法示例

2019/10/31 PHP

JavaScript版代码高亮

2006/06/26 Javascript

javascript 面向对象全新理练之原型继承

2009/12/03 Javascript

利用JavaScript实现新闻滚动效果(实例代码)

2013/11/27 Javascript

jQuery动态修改超链接地址的方法

2015/02/13 Javascript

使用JQuery实现的分页插件分享

2015/11/05 Javascript

JavaScript 不支持 indexof 该如何解决

2016/03/30 Javascript

javascript实现获取图片大小及图片等比缩放的方法

2016/11/24 Javascript

ES6学习笔记之Set和Map数据结构详解

2017/04/07 Javascript

JavaScript数组排序reverse()和sort()方法详解

2017/12/24 Javascript

浅谈vuex actions和mutation的异曲同工

2018/12/13 Javascript

JS数组进阶示例【数组的几种函数用法】

2020/01/16 Javascript

Python学习小技巧之列表项的推导式与过滤操作

2017/05/20 Python

python中模块查找的原理与方法详解

2017/08/11 Python

Python中的二维数组实例(list与numpy.array)

2018/04/13 Python

Django 反向生成url实例详解

2019/07/30 Python

Python scipy的二维图像卷积运算与图像模糊处理操作示例

2019/09/06 Python

python Qt5实现窗体跟踪鼠标移动

2019/12/13 Python

python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例

2020/03/19 Python

重写django的model下的objects模型管理器方式

2020/05/15 Python

Python matplotlib 绘制双Y轴曲线图的示例代码

2020/06/12 Python

党员教师个人对照检查材料范文

2014/09/25 职场文书

三八妇女节寄语

2015/02/27 职场文书

学习委员竞选稿

2015/11/20 职场文书

2016三严三实专题教育活动心得体会

2016/01/06 职场文书

python实现三次密码验证的示例

2021/04/29 Python

详解CSS3.0(Cascading Style Sheet) 层叠级联样式表

2021/07/16 HTML / CSS

类和原型的设计模式之复制与委托差异

2022/07/07 Javascript

vue实现简易音乐播放器

2022/08/14 Vue.js