JQuery实现倒计时按钮具体方法

更新时间：2013年11月14日 17:19:03 作者：

页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码如下

<head>
    <title>test count down button</title>
    <script src="http://ajax.aspnetcdn.com/ajax/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>

有兴趣您可以自己实现一下。

您可能感兴趣的文章:

ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
这节主要讲如何用jQuery校验表单时间范围，时间控件用到了jQuery-ui
2012-02-02
Domino中运用jQuery读取视图内容的方法
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
2009-10-10
jQuery使用height()获取高度需要注意的地方
这篇文章主要介绍了jQuery使用height()获取高度需要注意的地方,对于display:none或者隐藏的部分无法获取到其高度,这是使用jQuery的height方法需要注意的地方,需要的朋友可以参考下
2014-12-12
jQuery插件开发详细教程
这篇文章主要介绍了jQuery插件开发详细教程,将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱,需要的朋友可以参考下
2014-06-06
jquery向上向下取整适合分页查询
这篇文章主要介绍了jquery向上向下取整适合分页查询及四舍五入,需要的朋友可以参考下
2014-09-09
JQuery从头学起第一讲
JQuery的重要性对一个coder来说应该是不言而喻的，多少次在应聘的时候被问及是否会JQuery；多少次在写脚本的时候因为浏览器的不兼容而吐血；多少次因为需要用脚本做一个简单的效果而写到手抽筋。JQuery出现后，很多问题都被轻易解决了。
2010-07-07
jQuery中children()方法用法实例
这篇文章主要介绍了jQuery中children()方法用法,实例分析了children()方法的功能、定义及过滤所匹配子元素的使用技巧,需要的朋友可以参考下
2015-01-01
解析预加载显示图片艺术
本文主要介绍了预加载显示图片艺术实现的方法--一个jquery库的preLoadImages()函数，使用这个函数就可以轻松实现图片预加载了。需要的朋友可以看下
2016-12-12
JQuery.Ajax()的data参数类型实例详解
这篇文章主要介绍了JQuery.Ajax()的data参数类型实例详解,需要的朋友可以参考下
2015-11-11
jQuery中detach()方法用法实例
这篇文章主要介绍了jQuery中detach()方法用法,以不同实例形式分析了detach()方法删除匹配元素的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12