编程 Javascript

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

Posted in Javascript onNovember 14, 2013

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

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JMenuTab简单使用说明

Mar 13 Javascript

很可爱的输入框

Aug 03 Javascript

基于JQuery模仿苹果桌面的Dock效果(初级版)

Oct 15 Javascript

js控制表单奇偶行样式的简单方法

Jul 31 Javascript

七个很有意思的PHP函数

May 12 Javascript

了不起的node.js读书笔记之mongodb数据库交互

Dec 22 Javascript

jQuery简单实现遍历数组的方法

Apr 14 Javascript

php利用curl获取远程图片实现方法

Oct 26 Javascript

AngularJS使用自定义指令替代ng-repeat的方法

Sep 17 Javascript

jQuery.ajax实现根据不同的Content-Type做出不同的响应

Nov 03 Javascript

Angular.js初始化之ng-app的自动绑定与手动绑定详解

Jul 31 Javascript

vue的安装及element组件的安装方法

Mar 09 Javascript

jquery动态增加删除表格行的小例子

Nov 14 #Javascript

js取消单选按钮选中并判断对象是否为空

Nov 14 #Javascript

Javascript call和apply区别及使用方法

Nov 14 #Javascript

javascript 上下banner替换具体实现

Nov 14 #Javascript

javascript scrollTop正解使用方法

Nov 14 #Javascript

简单的Jquery遮罩层代码实例

Nov 14 #Javascript

Extjs改变树节点的勾选状态点击按钮将复选框去掉

Nov 14 #Javascript

You might like

关于手调机和数调机的选择

2021/03/02 无线电

PHP初学者头疼问题总结

2006/10/09 PHP

smarty 原来也不过如此~~呵呵

2006/11/25 PHP

php在线生成ico文件的代码

2007/10/09 PHP

php smarty的预保留变量总结

2008/12/04 PHP

PHP 杂谈《重构-改善既有代码的设计》之四简化条件表达式

2012/04/09 PHP

php使用GeoIP库实例

2014/06/27 PHP

phpstudy隐藏index.php的方法

2020/09/21 PHP

又一个图片自动缩小的JS代码

2007/03/10 Javascript

html数组字符串拼接的最快方法

2009/09/16 Javascript

Javascript 中介者模式实例

2009/12/16 Javascript

ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)

2012/01/13 Javascript

JS 实现导航栏悬停效果

2013/09/23 Javascript

JS函数定义方式的区别介绍

2016/03/22 Javascript

jQuery实现图片滑动效果

2017/03/08 Javascript

详解nodejs微信公众号开发——4.自动回复各种消息

2017/04/11 NodeJs

实现微信小程序的wxml文件和wxss文件在webstrom的支持

2017/06/12 Javascript

vue中使用refs定位dom出现undefined的解决方法

2017/12/21 Javascript

js实现列表按字母排序

2020/08/11 Javascript

python数据类型_元组、字典常用操作方法(介绍)

2017/05/30 Python

老生常谈Python序列化和反序列化

2017/06/28 Python

Python基于matplotlib实现绘制三维图形功能示例

2018/01/18 Python

python使用TensorFlow进行图像处理的方法

2018/02/28 Python

python修改list中所有元素类型的三种方法

2018/04/09 Python

用python简单实现mysql数据同步到ElasticSearch的教程

2018/05/30 Python

Python selenium根据class定位页面元素的方法

2019/02/26 Python

Django Model中字段(field)的各种选项说明

2020/05/19 Python

Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能（附转换公式）

2020/03/18 HTML / CSS

Halston Heritage官网：简洁的日装，稍显奢华的晚装

2018/11/20 全球购物

Theflamel意大利：女士奢华服装、鞋子和配件

2020/01/11 全球购物

abstract 可以和 virtual 一起使用吗？可以和 override 一起使用吗？

2012/10/15 面试题

普通大学毕业生自荐信范文

2014/02/23 职场文书

业务员简历自我评价

2014/03/06 职场文书

安全宣传标语口号

2014/06/06 职场文书

节约能源标语

2014/06/17 职场文书

国家税务局领导班子对照检查材料思想汇报

2014/10/04 职场文书