编程 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实现一个可编辑的select下拉列表

Feb 20 Javascript

jquery解析XML及获取XML节点名称的实现代码

May 18 Javascript

jQuery实现手机自定义弹出输入框

Jun 13 Javascript

jQuery简单实现页面元素置顶时悬浮效果示例

Aug 01 Javascript

Vue 过渡（动画）transition组件案例详解

Jan 22 Javascript

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

Nov 28 Javascript

利用vscode调试编译后的js代码详解

May 14 Javascript

详解Webpack多环境代码打包的方法

Aug 03 Javascript

微信小程序如何获取群聊的openGid以及名称详解

Jul 17 Javascript

JS中封装axios来管控api的2种方式

Sep 11 Javascript

jquery实现两个div中的元素相互拖动的方法分析

Apr 05 jQuery

React实现todolist功能

Dec 28 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