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 相关文章推荐
js以对象为索引的关联数组
Jul 04 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
Jan 22 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
vue数据双向绑定原理解析(get &amp; set)
Mar 08 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
Sep 04 Javascript
Vue实现图书管理案例
Jan 20 Vue.js
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学习笔记 数组遍历实现代码
2011/06/09 PHP
php实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
Web前端设计模式  制作漂亮的弹出层
2010/10/29 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
2011/01/08 Javascript
js 创建书签小工具之理论
2011/02/25 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
Javascript字符串对象的常用方法简明版
2014/06/26 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
webpack优化的深入理解
2018/12/10 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
2020/10/26 Javascript
Python使用turtule画五角星的方法
2015/07/09 Python
详解Python字符串对象的实现
2015/12/24 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
Python在groupby分组后提取指定位置记录方法
2018/04/20 Python
解决PyCharm同目录下导入模块会报错的问题
2018/10/13 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
python3安装crypto出错及解决方法
2019/07/30 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
数据库基础的一些面试题
2012/02/25 面试题
智能电子应届生求职信
2013/11/10 职场文书
战友聚会邀请函
2014/01/18 职场文书
小学生打架检讨书
2014/01/26 职场文书
眼镜促销方案
2014/03/15 职场文书
社会心理学学习心得体会
2016/01/22 职场文书
golang中的struct操作
2021/11/11 Golang
vue 给数组添加新对象并赋值
2022/04/20 Vue.js