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>

有兴趣您可以自己实现一下。
Javascript 相关文章推荐
基本jquery的控制tabs打开的数量的代码
Oct 17 Javascript
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
vue购物车插件编写代码
Nov 27 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
解决layui 三级联动下拉框更新时回显的问题
Sep 03 Javascript
VUE动态生成word的实现
Jul 26 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生成缩略图填充白边(等比缩略图方案)
2013/12/25 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
有关DOM元素与事件的3个谜题
2010/11/11 Javascript
js重写alert控件(适合学习js的新手朋友)
2014/08/24 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
2015/07/29 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
javascript实现多张图片左右无缝滚动效果
2017/03/22 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
Python中获取对象信息的方法
2015/04/27 Python
python MySQLdb Windows下安装教程及问题解决方法
2015/05/09 Python
python中PIL安装简单教程
2016/04/21 Python
Python松散正则表达式用法分析
2016/04/29 Python
Python实现基于多线程、多用户的FTP服务器与客户端功能完整实例
2017/08/18 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
python模块导入的方法
2019/10/24 Python
python 下划线的不同用法
2020/10/24 Python
html5教程制作简单画板代码分享
2013/12/04 HTML / CSS
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
股权转让协议书范本
2014/04/12 职场文书
语文教研活动总结
2014/07/02 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
鉴史问廉观后感
2015/06/10 职场文书
研讨会致辞
2015/07/31 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
幼儿园教学反思范文
2016/03/02 职场文书