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

IE6/7/8中Option元素未设value时Select将获取空字符串

Apr 07 Javascript

JavaScript 判断用户输入的邮箱及手机格式是否正确

Dec 08 Javascript

常用的jquery模板插件——jQuery Boilerplate介绍

Sep 23 Javascript

JQuery勾选指定name的复选框集合并显示的方法

May 18 Javascript

jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)

Oct 28 Javascript

JavaScript高级程序设计（第三版）学习笔记6、7章

Mar 11 Javascript

Web前端新人笔记之jquery入门心得(新手必看)

May 17 Javascript

String字符串截取的四种方式总结

Nov 28 Javascript

js使用i18n实现页面国际化的方法

May 09 Javascript

JavaScript如何把两个数组对象合并过程解析

Oct 10 Javascript

详解javascript void(0)

Jul 13 Javascript

ajax请求前端跨域问题原因及解决方案

Oct 16 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 小乘法表实现代码

2009/07/16 PHP

php中字符查找函数strpos、strrchr与strpbrk用法

2014/11/18 PHP

PHP生成唯一订单号的方法汇总

2015/04/16 PHP

PHP判断密码强度的方法详解

2017/05/26 PHP

php从数据库中读取特定的行(实例)

2017/06/02 PHP

javascript indexOf函数使用说明

2008/07/03 Javascript

各浏览器对click方法的支持差异小结

2011/07/31 Javascript

js四舍五入数学函数round使用实例

2014/05/09 Javascript

基于Jquery实现键盘按键监听

2014/05/11 Javascript

通用javascript代码判断版本号是否在版本范围之间

2015/11/29 Javascript

jquery表单验证插件formValidator使用方法

2016/04/01 Javascript

JavaScript数据结构之二叉树的查找算法示例

2017/04/13 Javascript

ng-zorro-antd 入门初体验

2018/12/03 Javascript

详解如何给React-Router添加路由页面切换时的过渡动画

2019/04/25 Javascript

vue基于v-charts封装双向条形图的实现代码

2019/12/09 Javascript

js实现双色球效果

2020/08/02 Javascript

JavaScript实现五子棋小游戏

2020/10/26 Javascript

[03:21]【TI9纪实】Old Boys

2019/08/23 DOTA

python str与repr的区别

2013/03/23 Python

Python调用微信公众平台接口操作示例

2017/07/08 Python

python+django+rest框架配置创建方法

2019/08/31 Python

Transpose 数组行列转置的限制方式

2020/02/11 Python

python如何提取英语pdf内容并翻译

2020/03/03 Python

Python xlwt模块使用代码实例

2020/06/10 Python

美国婴儿和儿童家具网上商店：ABaby.com

2018/07/02 全球购物

中国一家综合的外贸B2C电子商务网站：DealeXtreme(DX)

2020/03/10 全球购物

怎样声明一个匿名的内部类

2016/06/01 面试题

应届优秀本科大学毕业生自我鉴定

2014/01/21 职场文书

信息学院毕业生自荐信范文

2014/03/04 职场文书

社区两委对照检查材料

2014/08/23 职场文书

党的群众路线教育实践活动方案

2014/10/31 职场文书

工艺技术员岗位职责

2015/02/04 职场文书

幼儿园园长安全责任书

2015/05/08 职场文书

2016年9月份红领巾广播稿

2015/12/21 职场文书

JS中一些高效的魔法运算符总结

2021/05/06 Javascript

python树莓派通过队列实现进程交互的程序分析

2021/07/04 Python