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

url 特殊字符传递参数解决方法

Jan 01 Javascript

js面向对象多种创建对象方法小结

May 21 Javascript

JS获取浏览器版本及名称实现函数

Apr 02 Javascript

探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行

Jul 09 Javascript

JavaScript动态提示输入框输入字数的方法

Jul 27 Javascript

jQuery实现TAB选项卡切换特效简单演示

Mar 04 Javascript

jquery.serialize() 函数语法及简单实例

Jul 08 Javascript

js手机号批量滚动抽奖实现代码

Apr 17 Javascript

Vue.directive()的用法和实例详解

Mar 04 Javascript

Vue-cli@3.0 插件系统简析

Sep 05 Javascript

JS 封装父页面子页面交互接口的实例代码

Jun 25 Javascript

vue如何清除浏览器历史栈

May 25 Vue.js

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与ASP

2006/10/09 PHP

C/S和B/S两种架构区别与优缺点分析

2014/10/23 PHP

数组任意位置插入元素,删除特定元素的实例

2017/03/02 PHP

Laravel中encrypt和decrypt的实现方法

2017/09/24 PHP

XAMPP升级PHP版本实现步骤解析

2020/09/04 PHP

JQuery 入门实例1

2009/06/25 Javascript

js过滤数组重复元素的方法

2010/09/05 Javascript

Jquery工作常用实例使用AJAX使网页进行异步更新

2011/07/26 Javascript

jQuery EasyUI API 中文文档 - Form表单

2011/10/06 Javascript

ajax的hide隐藏问题解决方法

2012/12/11 Javascript

JavaScript中json对象和string对象之间相互转化

2012/12/26 Javascript

js+csss实现的一个带复选框的下拉框

2014/09/29 Javascript

分享33个jQuery与CSS3实现的绚丽鼠标悬停效果

2014/12/15 Javascript

jquery实现动态改变div宽度和高度

2015/05/08 Javascript

js实现一个可以兼容PC端和移动端的div拖动效果实例

2016/12/09 Javascript

jQuery焦点图轮播效果实现方法

2016/12/19 Javascript

bootstrap侧边栏圆点导航

2017/01/11 Javascript

如何理解Vue的.sync修饰符的使用

2017/08/17 Javascript

ES6 Generator函数的应用实例分析

2019/06/26 Javascript

vue实现图片预览组件封装与使用

2019/07/13 Javascript

layui写后台表格思路和赋值用法详解

2019/11/14 Javascript

Python自动化构建工具scons使用入门笔记

2015/03/10 Python

简介Python的collections模块中defaultdict类型的用法

2016/07/07 Python

python3实现windows下同名进程监控

2018/06/21 Python

python输出100以内的质数与合数实例代码

2018/07/08 Python

pytorch GAN伪造手写体mnist数据集方式

2020/01/10 Python

Python 通过监听端口实现唯一脚本运行方式

2020/05/05 Python

Smashbox官网：美国知名彩妆品牌

2017/01/05 全球购物

平面设计师的工作职责

2013/11/21 职场文书

建筑经济管理专业求职信分享

2014/01/06 职场文书

DIY手工制作经营店创业计划书

2014/02/01 职场文书

学习雷锋做美德少年寄语大全

2014/04/09 职场文书

党的群众路线教育实践活动个人承诺书

2014/05/22 职场文书

消防安全宣传口号

2014/06/10 职场文书

2016教师国培研修感言

2015/12/08 职场文书

七年级英语教学反思

2016/02/15 职场文书