编程 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 相关文章推荐

event.srcElement+表格应用

Aug 29 Javascript

JavaScript 利用StringBuffer类提升+=拼接字符串效率

Nov 24 Javascript

JavaScript学习笔记（十）

Jan 17 Javascript

javascript之querySelector和querySelectorAll使用介绍

Dec 20 Javascript

如何减少浏览器的reflow和repaint

Feb 26 Javascript

常用的Javascript设计模式小结

Dec 09 Javascript

javascript判断图片是否加载完成的方法推荐

May 13 Javascript

动态生成的DOM不会触发onclick事件的原因及解决方法

Aug 06 Javascript

详解vue使用$http服务端收不到参数

Apr 19 Javascript

JS手写一个自定义Promise操作示例

Mar 16 Javascript

javascript实现简易计算器功能

Sep 23 Javascript

vue实现锚点定位功能

Jun 29 Vue.js

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

浅析PHP原理之变量分离/引用(Variables Separation)

2013/08/09 PHP

老生常谈PHP面向对象之命令模式(必看篇)

2017/05/24 PHP

php使用lua+redis实现限流，计数器模式，令牌桶模式

2019/04/04 PHP

How to Auto Include a Javascript File

2007/02/02 Javascript

JavaScript的eval JSON object问题

2009/11/15 Javascript

jQuery.Validate 使用笔记(jQuery Validation范例 )

2010/06/25 Javascript

jquery 笔记事件

2011/11/02 Javascript

JS+CSS设置img在DIV中只显示Img垂直居中的部分

2013/10/24 Javascript

javascript分页代码实例分享(js分页)

2013/12/13 Javascript

js实现连个数字相加而不是拼接的方法

2014/02/23 Javascript

Jquery+asp.net后台数据传到前台js进行解析的方法

2014/05/11 Javascript

理解javascript闭包

2015/12/15 Javascript

JavaScript基于自定义函数判断变量类型的实现方法

2016/11/23 Javascript

微信小程序支付简单实例及注意事项

2017/01/06 Javascript

JS打开摄像头并截图上传示例

2017/02/18 Javascript

js实现随机8位验证码

2020/07/24 Javascript

layui-select动态选中值的例子

2019/09/23 Javascript

vue实现折线图可按时间查询

2020/08/21 Javascript

vue-resource 拦截器interceptors使用详解

2021/01/18 Vue.js

[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16

2019/08/18 DOTA

python实现可将字符转换成大写的tcp服务器实例

2015/04/29 Python

Python+django实现文件上传

2016/01/17 Python

python抓取多种类型的页面方法实例

2019/11/20 Python

python使用正则表达式（Regular Expression）方法超详细

2019/12/30 Python

Django关于admin的使用技巧和知识点

2020/02/10 Python

使用Python第三方库pygame写个贪吃蛇小游戏

2020/03/06 Python

详解如何使用rem或viewport进行移动端适配

2020/08/14 HTML / CSS

美国婴儿用品店：Babies”R”Us

2017/10/12 全球购物

End Clothing美国站：英国男士潮牌商城

2018/04/20 全球购物

俄罗斯运动鞋商店：Sneakerhead

2018/05/10 全球购物

SteelSeries赛睿官网：游戏外设和配件的领先制造商（耳机、键盘、鼠标和鼠标垫）

2018/06/17 全球购物

指针和引用有什么区别

2013/01/13 面试题

Jdbc数据访问技术面试题

2012/03/30 面试题

媒体宣传策划方案

2014/05/25 职场文书

2016大一新生入学教育心得体会

2016/01/23 职场文书

为什么说餐饮很难做，是因为你不了解这些新规则

2019/08/20 职场文书