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

Javascript代码混淆综合解决方案-Javascript在线混淆器

Dec 18 Javascript

javascript void(0)的妙用

Oct 21 Javascript

EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码

Oct 26 Javascript

关于二级域名下使用一级域名下的COOKIE的问题

Nov 07 Javascript

使用JavaScript动态设置样式实现代码(2)

Jan 25 Javascript

canvas绘制七巧板

Feb 03 Javascript

Node.js中的require.resolve方法使用简介

Apr 23 Javascript

underscore之function_动力节点Java学院整理

Jul 11 Javascript

微信小程序支付之c#后台实现方法

Oct 19 Javascript

基于vue-simplemde实现图片拖拽、粘贴功能

Apr 12 Javascript

vue elementui 实现搜索栏公共组件封装的实例代码

Jan 20 Javascript

angula中使用iframe点击后不执行变更检测的问题

May 10 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表单请求获得数据求和示例

2014/05/15 PHP

PHP实现AES256加密算法实例

2014/09/22 PHP

php上传图片类及用法示例

2016/05/11 PHP

php实现的debug log日志操作类实例

2016/07/12 PHP

Laravel核心解读之异常处理的实践过程

2019/02/24 PHP

TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例

2019/05/29 PHP

利用PHP计算有多少小于当前数字的数字方法示例

2020/08/26 PHP

JavaScript 函数调用规则

2009/09/14 Javascript

Zero Clipboard js+swf实现的复制功能使用方法

2010/03/07 Javascript

精选的10款用于构建良好易用性网站的jQuery插件

2011/01/23 Javascript

jquery 之 $().hover(func1, funct2)使用方法

2012/06/14 Javascript

javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法

2014/04/12 Javascript

js中的hasOwnProperty和isPrototypeOf方法使用实例

2014/06/06 Javascript

浅谈javascript的Array.prototype.slice.call

2015/08/31 Javascript

vue.js绑定class和style样式（6）

2016/12/09 Javascript

JS正则RegExp.test()使用注意事项(不具有重复性)

2016/12/28 Javascript

bootstrap table使用入门基本用法

2017/05/24 Javascript

Vue2.0学习之详解Vue 组件及父子组件通信

2017/12/12 Javascript

vue实现树形菜单效果

2018/03/19 Javascript

vue中使用iview自定义验证关键词输入框问题及解决方法

2018/03/26 Javascript

Vue兼容ie9的问题全面解决方案

2018/06/19 Javascript

jquery实现选项卡切换代码实例

2019/05/14 jQuery

vue 兄弟组件的信息传递的方法实例详解

2019/08/30 Javascript

Python批量修改文件后缀的方法

2014/01/26 Python

python for和else语句趣谈

2019/07/02 Python

浅谈tensorflow中张量的提取值和赋值

2020/01/19 Python

Django关于admin的使用技巧和知识点

2020/02/10 Python

浅谈pytorch池化maxpool2D注意事项

2020/02/18 Python

AmazeUI中各种的导航式菜单与解决方法

2020/08/19 HTML / CSS

电子技术专业中专生的自我评价

2013/12/17 职场文书

超越自我演讲稿

2014/05/21 职场文书

2014年法制宣传日活动方案

2014/11/02 职场文书

慰问信模板

2015/02/14 职场文书

关爱空巢老人感想

2015/08/11 职场文书

2016猴年春节问候语

2015/11/11 职场文书

原生Js 实现的简单无缝滚动轮播图的示例代码

2021/05/10 Javascript