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中function()使用方法
Dec 24 Javascript
浅谈javascript实现八大排序
Apr 27 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
用js编写的简单的计算器代码程序
Aug 04 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
深入理解vue.js双向绑定的实现原理
Dec 05 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
vue使用recorder.js实现录音功能
Nov 22 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(2)
2006/10/09 PHP
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
CI框架中zip类应用示例
2014/06/17 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
基于Bootstrap分页的实例讲解(必看篇)
2017/07/04 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
Python3实现转换Image图片格式
2018/06/21 Python
python实现俄罗斯方块游戏
2020/03/25 Python
python实现flappy bird小游戏
2018/12/24 Python
python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】
2019/06/17 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
2020年10款优秀的Python第三方库,看看有你中意的吗?
2021/01/12 Python
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
什么是组件架构
2016/05/15 面试题
百度JavaScript笔试题
2015/01/15 面试题
2014年五一活动策划方案
2014/03/15 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
党员志愿者活动总结
2014/06/26 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
大学生自荐信怎么写
2015/03/26 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
python实现自动清理文件夹旧文件
2021/05/10 Python