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

Prototype1.6 JS 官方下载地址

Nov 30 Javascript

五个jQuery图片画廊插件推荐

May 12 Javascript

Javascript在IE和FireFox中的不同表现简析

Dec 03 Javascript

jQuery实现可拖动的浮动层完整代码

May 27 Javascript

详解Javascript继承的实现

Mar 25 Javascript

Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法

Aug 22 Javascript

实现一个完整的Node.js RESTful API的示例

Sep 29 Javascript

详解浏览器缓存和webpack缓存配置

Jul 06 Javascript

快速解决angularJS中用post方法时后台拿不到值的问题

Aug 14 Javascript

Vue实现验证码功能

Dec 03 Javascript

javascript操作向表格中动态加载数据

Aug 27 Javascript

解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题

Nov 05 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解决DOM乱码的方法示例代码

2016/11/20 PHP

利用PHP获取汉字首字母并且分组排序详解

2017/10/22 PHP

PHP-FPM的配置与优化讲解

2019/03/15 PHP

JavaScript语法着色引擎（demo及打包文件下载）

2007/06/13 Javascript

jquery UI 1.72 之datepicker

2009/12/29 Javascript

基于jquery跨浏览器显示的file上传控件

2011/10/24 Javascript

封装好的js判断操作系统与浏览器代码分享

2015/01/09 Javascript

再JavaScript的jQuery库中编写动画效果的指南

2015/08/13 Javascript

Bootstrap项目实战之首页内容介绍（全）

2016/04/25 Javascript

基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

2016/06/09 Javascript

JS 动态判断PC和手机浏览器实现代码

2016/09/21 Javascript

Ionic2系列之使用DeepLinker实现指定页面URL

2016/11/21 Javascript

js上下视差滚动简单实现代码

2017/03/07 Javascript

bootstrap+jQuery实现的动态进度条功能示例

2017/05/25 jQuery

原生js添加一个或多个类名的方法分析

2019/07/30 Javascript

layui表单验证select下拉框实现验证的方法

2019/09/05 Javascript

layui扩展上传组件模拟进度条的方法

2019/09/23 Javascript

详解webpack的clean-webpack-plugin插件报错

2020/10/16 Javascript

ptyhon实现sitemap生成示例

2014/03/30 Python

python实现从web抓取文档的方法

2014/09/26 Python

python3.5实现socket通讯示例(TCP）

2017/02/07 Python

python嵌套字典比较值与取值的实现示例

2017/11/03 Python

浅谈python requests 的put, post 请求参数的问题

2019/01/02 Python

python实现按关键字筛选日志文件

2019/12/24 Python

python实现图像全景拼接

2020/03/27 Python

python实现简易版学生成绩管理系统

2020/06/22 Python

css3 利用transform打造走动的2D时钟

2020/10/20 HTML / CSS

英国复古和经典球衣网站：Vintage Football Shirts

2018/10/05 全球购物

意大利火车票和铁路通行证专家：ItaliaRail

2019/01/22 全球购物

Molly Bracken法国电子商店：法国女性时尚品牌

2019/07/24 全球购物

大学生村官典型材料

2014/01/12 职场文书

先进集体事迹材料

2014/02/17 职场文书

挂靠协议书范本

2014/04/22 职场文书

大学生读书笔记大全

2015/07/01 职场文书

2019年工作总结范文

2019/05/21 职场文书

pytorch 两个GPU同时训练的解决方案

2021/06/01 Python