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

[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码

Mar 27 Javascript

基于datagrid框架的查询

Apr 08 Javascript

使用 Node.js 做 Function Test实现方法

Oct 25 Javascript

JQuery 使用attr方法实现下拉列表选中

Oct 13 Javascript

JavaScript中使用Math.floor()方法对数字取整

Jun 15 Javascript

省市区三级联动下拉框菜单javascript版

Aug 11 Javascript

轻松理解JavaScript闭包

Mar 14 Javascript

Vue使用vue-area-linkage实现地址三级联动效果的示例

Jun 27 Javascript

创建Vue项目以及引入Iview的方法示例

Dec 03 Javascript

微信小程序日历组件使用方法详解

Dec 29 Javascript

vue2之简易的pc端短信验证码的问题及处理方法

Jun 03 Javascript

js实现经典贪吃蛇小游戏

Mar 19 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生成便于打印的网页

2006/10/09 PHP

详解PHP序列化反序列化的方法

2015/10/27 PHP

PHP多种序列化/反序列化的方法详解

2017/06/23 PHP

PHP 图片处理

2020/09/16 PHP

XMLHTTP 乱码的解决方法（UTF8,GB2312 编码解码）

2011/01/12 Javascript

JS刷新当前页面的几种方法总结

2013/12/24 Javascript

JavaScript简单实现鼠标拖动选择功能

2014/03/06 Javascript

Javascript 构造函数详解

2014/10/22 Javascript

AngularJS+Node.js实现在线聊天室

2015/08/28 Javascript

使用bootstrap实现多窗口和拖动效果

2016/09/22 Javascript

Javascript中关于Array.filter()的妙用详解

2016/12/04 Javascript

JavaScript无阻塞加载和defer、async详解

2017/02/26 Javascript

js中json对象和字符串的理解及相互转化操作实现方法

2017/09/22 Javascript

Vue.js划分组件的方法

2017/10/29 Javascript

vue自动化表单实例分析

2018/05/06 Javascript

深入理解移动前端开发之viewport

2018/10/19 Javascript

分享5个小技巧让你写出更好的 JavaScript 条件语句

2018/10/20 Javascript

你应该了解的JavaScript Array.map()五种用途小结

2018/11/14 Javascript

Vuex的初探与实战小结

2018/11/26 Javascript

JavaScript基础之this和箭头函数详析

2019/09/05 Javascript

Vue+iview+webpack ie浏览器兼容简单处理

2019/09/20 Javascript

js实现页面导航层级指示效果

2020/08/25 Javascript

vue-axios同时请求多个接口等所有接口全部加载完成再处理操作

2020/11/09 Javascript

python按照多个字符对字符串进行分割的方法

2015/03/17 Python

Python logging模块用法示例

2018/08/28 Python

TensorFlow tf.nn.max_pool实现池化操作方式

2020/01/04 Python

python wav模块获取采样率采样点声道量化位数(实例代码)

2020/01/22 Python

python对Excel的读取的示例代码

2020/02/14 Python

html5 学习简单的拾色器

2010/09/03 HTML / CSS

中学教师培训制度

2014/01/31 职场文书

总经理助理职责

2014/02/04 职场文书

党员教师群众路线对照检查材料思想汇报

2014/09/29 职场文书

试用期旷工辞退通知书

2015/04/17 职场文书

人生哲理妙语30条：淡写流年，笑过人生

2019/09/04 职场文书

漫画「处刑少女的生存之道」第3卷封面公开

2022/03/21 日漫

Golang解析JSON对象

2022/04/30 Golang