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 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
JavaScript与DropDownList 区别分析
Jan 01 Javascript
JavaScript中继承的一些示例方法与属性参考
Aug 07 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
Mar 25 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
Aug 23 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
Vue.js组件props数据验证实现详解
Oct 19 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查询快递信息的方法
2015/03/07 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
PHP通过反射动态加载第三方类和获得类源码的实例
2015/11/27 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
python通过函数属性实现全局变量的方法
2015/05/16 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
学习Python selenium自动化网页抓取器
2018/01/20 Python
使用PyCharm创建Django项目及基本配置详解
2018/10/24 Python
python的等深分箱实例
2019/11/22 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
Html5+JS实现手机摇一摇功能
2015/04/24 HTML / CSS
新西兰优惠网站:Treat Me
2019/07/04 全球购物
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
酒店总经理欢迎词
2014/01/08 职场文书
讲解员培训方案
2014/05/04 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
财务会计实训报告
2014/11/05 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
python神经网络编程之手写数字识别
2021/05/08 Python
MySQL 四种连接和多表查询详解
2021/07/16 MySQL
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫