编程 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重要知识更新

Jul 08 Javascript

半角全角相互转换的js函数

Oct 16 Javascript

js 页面传参数时参数值含特殊字符的问题

Dec 13 Javascript

善用事件代理，警惕闭包的性能陷阱。

Jan 20 Javascript

JavaScript加强之自定义event事件

Sep 21 Javascript

JavaScript中的6种运算符总结

Oct 16 Javascript

jQuery调用ajax请求的常见方法汇总

Mar 24 Javascript

JavaScript实现点击按钮就复制当前网址

Dec 14 Javascript

jQuery实现弹出带遮罩层的居中浮动窗口效果

Sep 12 Javascript

jQuery实现验证码功能

Mar 17 Javascript

移动端滑动切换组件封装 vue-swiper-router实例详解

Nov 25 Javascript

layui 数据表格复选框实现单选功能的例子

Sep 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

匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来

2011/12/25 PHP

PHP 基于Yii框架中使用smarty模板的方法详解

2013/06/13 PHP

php使用imagick模块实现图片缩放、裁剪、压缩示例

2014/04/17 PHP

SSO单点登录的PHP实现方法（Laravel框架）

2016/03/23 PHP

基于swoole实现多人聊天室

2018/06/14 PHP

CodeIgniter框架钩子机制实现方法【hooks类】

2018/08/21 PHP

php使用scandir()函数扫描指定目录下所有文件示例

2019/06/08 PHP

兼容ie、firefox的图片自动缩放的css跟js代码分享

2013/08/12 Javascript

js charAt的使用示例

2014/02/18 Javascript

jQuery中closest()函数用法实例

2015/01/07 Javascript

jQuery中noconflict函数的实现原理分解

2015/02/03 Javascript

javascript实现数组去重的多种方法

2016/03/14 Javascript

jQuery事件绑定on()与弹窗实现代码

2016/04/28 Javascript

jQuery leonaScroll 1.1 自定义滚动条插件(推荐)

2016/09/17 Javascript

基于Bootstrap 3 JQuery及RegExp的表单验证功能

2017/02/16 Javascript

JS监控关闭浏览器操作的实例详解

2017/09/12 Javascript

nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例

2018/01/05 NodeJs

微信小程序获取用户绑定手机号方法示例

2019/07/21 Javascript

OpenLayers3实现图层控件功能

2020/09/25 Javascript

[00:32]2018DOTA2亚洲邀请赛EG出场

2018/04/03 DOTA

Python中使用中文的方法

2011/02/19 Python

Python素数检测的方法

2015/05/11 Python

python对视频画框标记后保存的方法

2018/12/07 Python

浅谈Scrapy网络爬虫框架的工作原理和数据采集

2019/02/07 Python

浅谈Python反射 & 单例模式

2019/03/21 Python

选择Python写网络爬虫的优势和理由

2019/07/07 Python

python hash每次调用结果不同的原因

2019/11/21 Python

python3将变量写入SQL语句的实现方式

2020/03/02 Python

Python Serial串口基本操作（收发数据）

2020/11/06 Python

关于HTML5语义标签的实践(blog页面)

2016/07/12 HTML / CSS

naturalizer加拿大官网：美国娜然女鞋

2017/04/04 全球购物

计算机应用职专应届生求职信

2013/11/12 职场文书

工程班组长岗位职责

2013/12/30 职场文书

先进单位申报材料

2014/12/25 职场文书

施工安全员岗位职责

2015/04/11 职场文书

用python删除文件夹中的重复图片(图片去重)

2021/05/12 Python