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>
有兴趣您可以自己实现一下。
相关文章
jquery 层次选择器siblings与nextAll的区别介绍
jquery 层次选择器包括siblings与nextAll，本文为大家介绍下具体的使用方法，想学习的朋也可以参考下，希望对大家有所帮助2013-08-08
在编写widget的时候，一般我们需要绑定一些事件，最好将这些widget的绑定事件加上当前widget的命名空间。2010-10-10
这篇文章主要为大家详细介绍了webuploader模态框ueditor显示问题的解决，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
通过jquery.cookie.js实现记住用户名、密码登录功能
这篇文章主要介绍了通过jquery.cookie.js实现记住用户名、密码登录功能,通过Cookies让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；具体实现过程大家通过本文一起看看吧2018-06-06
jquery()函数有三种不同的语法，在本文将为大家详细介绍下，感兴趣的朋友不要错过2013-10-10
有个同事问我each使用方法,我把我知道的用法告诉他.他却说不是这样的.如是在网上小逛了一下,果然用法有很多.下面总结下大慨的使用方法.2010-12-12
下面小编就为大家带来一篇浅谈jQuery添加的HTML,JS失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
全屏自适应jquery焦点图切换特效,在IE6这个浏览器兼容性问题上得到了和谐,兼容IE6,适用浏览器：IE6、IE7、IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.相关代码2013-08-08
对于每一个网站前端开发人员，常常都会遇到设置div透明度的需求，比如在实现图片幻灯片切换效果经常就需要使图片淡入淡出。本文分别对原生js和jQuery在IE和其它浏览器中设置透明度的方法和相关注意事项进行总结。2016-05-05
position方法获取匹配元素相对父元素的偏移。接下来通过本文给大家分享jQuery Position方法使用和兼容性的相关知识，感兴趣的朋友一起看看吧2017-08-08
最新评论