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

js prototype截取字符串函数

Apr 01 Javascript

Js制作简单弹出层DIV在页面居中中间显示遮罩的具体方法

Aug 08 Javascript

js 页面元素的几个用法总结

Nov 18 Javascript

javascript实现动态表头及表列的展现方法

Jul 14 Javascript

JS与jQuery遍历Table所有单元格内容的方法

Dec 07 Javascript

Bootstrap导航栏各元素操作方法(表单、按钮、文本)

Dec 28 Javascript

AngularJs中route的使用方法和配置

Feb 04 Javascript

WEB开发之注册页面验证码倒计时代码的实现

Dec 15 Javascript

echarts整合多个类似option的方法实例

Jul 10 Javascript

详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)

Nov 12 Javascript

深入理解JavaScript 箭头函数

May 30 Javascript

vue项目部署到nginx/tomcat服务器的实现

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

PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)

2016/09/11 PHP

PHP正则匹配到2个字符串之间的内容方法

2018/12/24 PHP

Javascript里使用Dom操作Xml

2007/01/22 Javascript

简单三步，搞掂内存泄漏

2007/03/10 Javascript

利用js对象弹出一个层

2008/03/26 Javascript

firefox和IE系列的相关区别整理以备后用

2009/12/28 Javascript

javascript html5实现表单验证

2016/03/01 Javascript

Bootstrap基本插件学习笔记之按钮(21)

2016/12/08 Javascript

最实用的JS数组函数整理

2017/12/05 Javascript

详解将微信小程序接口Promise化并使用async函数

2019/08/05 Javascript

vue 取出v-for循环中的index值实例

2019/11/09 Javascript

微信小程序地图实现展示线路

2020/07/29 Javascript

vue swipeCell滑动单元格(仿微信)的实现示例

2020/09/14 Javascript

NestJs使用Mongoose对MongoDB操作的方法

2021/02/22 Javascript

[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示

2014/11/25 DOTA

[13:16]INFAMOUS vs VGJ T BO3

2018/06/07 DOTA

[54:27]TNC vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

python list转dict示例分享

2014/01/28 Python

Python下的twisted框架入门指引

2015/04/15 Python

Python脚本实现Web漏洞扫描工具

2016/10/25 Python

Python中index()和seek()的用法(详解)

2017/04/27 Python

python点击鼠标获取坐标（Graphics）

2019/08/10 Python

使用Python实现批量ping操作方法

2020/05/06 Python

pandas分批读取大数据集教程

2020/06/06 Python

解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)

2020/08/07 Python

Html5新增标签与样式及让元素水平垂直居中

2019/07/11 HTML / CSS

世界上最大的售后摩托车零配件超市：J&P Cycles

2017/12/08 全球购物

39美元购买一副眼镜或太阳镜：39DollarGlasses.com

2018/06/17 全球购物

高级人员简历的自我评价分享

2013/11/03 职场文书

2014年幼儿园元旦活动方案

2014/02/13 职场文书

财务简历的自我评价

2014/03/05 职场文书

保护母亲河倡议书

2014/04/14 职场文书

反洗钱宣传活动总结

2014/08/26 职场文书

升学宴祝酒词

2015/08/11 职场文书

导游词之西递宏村

2019/12/10 职场文书

java多态注意项小结

2021/10/16 Java/Android