编程 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页面顶部卷动广告效果

Dec 01 Javascript

js函数般调用正则

Apr 08 Javascript

js跑马灯代码(自写)

Apr 17 Javascript

jquery交替变换颜色的三种方法实例代码

Nov 19 Javascript

node.js 使用ejs模板引擎时后缀换成.html

Apr 22 Javascript

JavaScript数组和循环详解

Apr 27 Javascript

jquery插件格式实例分析

Jun 16 Javascript

原生JS取代一些JQuery方法的简单实现

Sep 20 Javascript

JS访问DOM节点方法详解

Nov 29 Javascript

解决layui表格内文本超出隐藏的问题

Sep 12 Javascript

vue-父子组件和ref实例详解

Nov 10 Javascript

Html5生成验证码的示例代码

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

利用static实现表格的颜色隔行显示

2006/10/09 PHP

PHP显示今天、今月、上月、今年的起点/终点时间戳的代码

2011/05/25 PHP

10条php编程小技巧

2015/07/07 PHP

PHP实现字符串大小写转函数的功能实例

2019/02/06 PHP

php数组指针函数功能及用法示例

2020/02/11 PHP

javascript常用对话框小集

2013/09/13 Javascript

Node.js文件操作详解

2014/08/16 Javascript

jQuery选择器源码解读（一）：Sizzle方法

2015/03/31 Javascript

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

2015/08/11 Javascript

基于JavaScript实现移动端TAB触屏切换效果

2015/10/20 Javascript

理解JavaScript中worker事件api

2015/12/25 Javascript

jquery拖动层效果插件用法实例分析(附demo源码)

2016/04/28 Javascript

Vuejs实现购物车功能

2017/11/05 Javascript

JS原型继承四步曲及原型继承图一览

2017/11/28 Javascript

用vue2.0实现点击选中active其他选项互斥的效果

2018/04/12 Javascript

微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)

2019/01/24 Javascript

ES6模板字符串和标签模板的应用实例分析

2019/06/25 Javascript

高性能js数组去重(12种方法，史上最全)

2019/12/21 Javascript

[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16

2019/08/18 DOTA

Python实现简单的可逆加密程序实例

2015/03/05 Python

Python两个内置函数 locals 和globals(学习笔记)

2016/08/28 Python

Python三级菜单的实例

2017/09/13 Python

Python学习之用pygal画世界地图实例

2017/12/07 Python

使用python为mysql实现restful接口

2018/01/05 Python

Python实现个人微信号自动监控告警的示例

2019/07/03 Python

python 通过视频url获取视频的宽高方式

2019/12/10 Python

Django 实现 Websocket 广播、点对点发送消息的代码

2020/06/03 Python

解决Keras中CNN输入维度报错问题

2020/06/29 Python

环境工程大学生自荐信

2013/10/21 职场文书

事业单位分类改革实施方案

2014/03/21 职场文书

出国留学经济担保书

2014/04/01 职场文书

2015年社区关工委工作总结

2015/04/03 职场文书

2015年教师节主持词

2015/07/03 职场文书

信息技术研修心得体会

2016/01/08 职场文书

Django + Taro 前后端分离项目实现企业微信登录功能

2022/04/07 Python

Spring Boot项目如何优雅实现Excel导入与导出功能

2022/06/10 Java/Android