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

jquery弹出框的用法示例(2)

Aug 26 Javascript

jQuery的one()方法用法实例

Jan 19 Javascript

DOM基础教程之事件对象

Jan 20 Javascript

Perl Substr()函数及函数的应用

Dec 16 Javascript

jquery滚动条插件slimScroll使用方法

Feb 09 Javascript

详解angular笔记路由之angular-router

Sep 12 Javascript

基于vue的换肤功能的示例代码

Oct 10 Javascript

bootstrap datetimepicker控件位置异常的解决方法

Nov 23 Javascript

Js面试算法详解

Apr 08 Javascript

vue-router权限控制(简单方式)

Oct 29 Javascript

通过cordova将vue项目打包为webapp的方法

Feb 02 Javascript

解决vue下载后台传过来的乱码流的问题

Dec 05 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以指定字段为索引返回数据库所取的数据数组

2013/06/30 PHP

php模拟登陆的实现方法分析

2015/01/09 PHP

详解WordPress中用于更新和获取用户选项数据的PHP函数

2016/03/08 PHP

Yii2主题(Theme)用法详解

2016/07/23 PHP

PHP清除缓存的几种方法总结

2017/09/12 PHP

Array.prototype 的泛型应用分析

2010/04/30 Javascript

IE6 fixed的完美解决方案

2011/03/31 Javascript

Array, Array Constructor, for in loop, typeof, instanceOf

2011/09/13 Javascript

js调用AJAX时Get和post的乱码解决方法

2013/06/04 Javascript

JavaScript实现弹出子窗口并传值给父窗口

2014/12/18 Javascript

jQuery插件开发的五种形态小结

2015/03/04 Javascript

JavaScript弹出新窗口并控制窗口移动到指定位置的方法

2015/04/06 Javascript

理解和运用JavaScript的闭包机制

2015/08/13 Javascript

jQuery实现点击按钮弹出可关闭层的浮动层插件

2015/09/19 Javascript

微信小程序数据访问实例详解

2016/10/08 Javascript

JS实现动态生成html table表格的方法分析

2018/07/11 Javascript

React组件重构之嵌套+继承及高阶组件详解

2018/07/19 Javascript

layui中table表头样式修改方法

2018/08/15 Javascript

详解用JS添加和删除class类名

2019/03/25 Javascript

Vue实现页面添加水印功能

2019/11/09 Javascript

Vue表单提交点击事件只允许点击一次的实例

2020/10/23 Javascript

微信小程序实现左滑删除效果

2020/11/18 Javascript

python统计字符串中指定字符出现次数的方法

2015/04/04 Python

Python中的ctime()方法使用教程

2015/05/22 Python

JavaScript获取当前url根目录(路径)

2014/02/19 面试题

汽车专业毕业生自荐信

2013/11/03 职场文书

关于读书的活动方案

2014/08/14 职场文书

关于环保的活动方案

2014/08/25 职场文书

2014年小学体育工作总结

2014/12/11 职场文书

幼儿园小班个人总结

2015/02/12 职场文书

拾金不昧通报表扬范文

2015/05/05 职场文书

本科毕业论文答辩稿

2015/06/23 职场文书

年终奖金发放管理制度，中小企业适用，拿去救急吧！

2019/07/12 职场文书

汽车销售合同文本

2019/08/08 职场文书

网络安全倡议书（3篇）

2019/09/18 职场文书

为什么在foreach循环中JAVA集合不能添加或删除元素

2021/06/11 Java/Android