JQuery实现倒计时按钮的实现代码
更新时间：2012年03月23日 22:53:23 作者：
页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码很简单
复制代码 代码如下:
<head>
<title>test count down button</title>
<script src="http://demo.jb51.net/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>
有兴趣您可以自己实现一下。
相关文章
项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件实现分页,需要的朋友可以参考下2014-07-07
在程序提交后，为了提高用户体验我们需要验证并提示出错的位置，利用JQuery我们可以轻松实现气泡提示，需要的朋友可以了解下2012-12-12
下面小编就为大家带来一篇jquery二级目录选中当前页的css样式。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
有关jQuery中parent()和siblings()的小问题
本文通过一个实例给大家介绍有关parent()和siblings()问题原因及解决方案，非常不错具有参考借鉴价值，感兴趣的朋友一起看看吧2016-06-06
节点的移动在应用中比较常见，如何动态移动某一节点来实现某一特殊效果，下面有个不错的示例，希望对大家有所帮助2014-01-01
在初始化jQuery对象的代码开始之前声明了一大堆变量。主要包括：全局变量的备份；处理字符串用的正则表达式；检测浏览器的正则表达式；对核心函数的引用备份。这里略过大部分，只说两种：全局变量和浏览器检测。2011-05-05
jquery mobile changepage的三种传参方法介绍
本来觉得changePage 那么多option,传几个参数应该没问题结果翻遍国内外网站,基本方法只有三种，下面与大家分享下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要记录了在近期开发中遇到的jQuery dom基本查找方法，然后将各种方法性能做了一个比较，目的是希望自己在以后dom元素查找时，使用最优的方案。文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-05-05
这篇文章主要介绍了jquery实现具有收缩功能的垂直导航菜单点击可以展开折叠的导航菜单，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了jquery制作属于自己的select自定义样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-11-11
最新评论