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

经典的带阴影的可拖动的浮动层

Jun 26 Javascript

jQuery点击自身以外地方关闭弹出层的简单实例

Dec 24 Javascript

javascript自动给文本url地址增加链接的方法分享

Jan 20 Javascript

Angular Js文件上传之form-data

Aug 28 Javascript

JS实现的颜色实时渐变效果完整实例

Mar 25 Javascript

ionic实现可滑动的tab选项卡切换效果

Apr 15 Javascript

js实现简单的碰壁反弹效果

Aug 30 Javascript

require.js+vue开发微信上传图片组件

Oct 27 Javascript

vue基于Vue2.0和高德地图的地图组件实例

Apr 28 Javascript

微信小程序获取手机网络状态的方法【附源码下载】

Dec 08 Javascript

node 解析图片二维码的内容代码实例

Sep 11 Javascript

Vue组件通信$attrs、$listeners实现原理解析

Sep 03 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中实现Bloom Filter算法

2015/03/30 PHP

ThinkPHP静态缓存简单配置和使用方法详解

2016/03/23 PHP

PHP面向对象程序设计方法实例详解

2016/12/24 PHP

php 使用curl模拟ip和来源进行访问的实现方法

2017/05/02 PHP

PHP如何使用cURL实现Get和Post请求

2020/07/11 PHP

prototype 1.5 & scriptaculous 1.6.1 学习笔记

2006/09/07 Javascript

js跨域问题之跨域iframe自适应大小实现代码

2010/07/17 Javascript

jQuery源码中的chunker 正则过滤符分析

2012/07/31 Javascript

JQuery对id中含有特殊字符的转义处理示例

2013/09/06 Javascript

超级好用的jQuery圆角插件 Corner速成

2014/08/31 Javascript

JavaScript中遍历对象的property的3种方法介绍

2014/12/30 Javascript

JavaScript中模拟实现jsonp

2015/06/19 Javascript

JavaScript使表单中的内容显示在屏幕上的方法

2015/06/29 Javascript

java必学必会之static关键字

2015/12/03 Javascript

Bootstrap入门书籍之（三）栅格系统

2016/02/17 Javascript

浅谈Jquery中Ajax异步请求中的async参数的作用

2016/06/06 Javascript

jQuery EasyUI中的日期控件DateBox修改方法

2016/11/09 Javascript

node.js连接MongoDB数据库的2种方法教程

2017/05/17 Javascript

详解Vue.js之视图和数据的双向绑定(v-model)

2017/06/23 Javascript

详解vue-router 初始化时做了什么

2018/06/11 Javascript

优雅的在React项目中使用Redux的方法

2018/11/10 Javascript

vue仿ios列表左划删除

2019/09/26 Javascript

Vue 2.0双向绑定原理的实现方法

2019/10/23 Javascript

[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福

2014/07/12 DOTA

Python实现并行抓取整站40万条房价数据（可更换抓取城市）

2016/12/14 Python

Python批量查询域名是否被注册过

2017/06/21 Python

Django视图之ORM数据库查询操作API的实例

2017/10/27 Python

对python多线程中互斥锁Threading.Lock的简单应用详解

2019/01/11 Python

在Mac中PyCharm配置python Anaconda环境过程图解

2020/03/11 Python

Python request使用方法及问题总结

2020/04/26 Python

荷兰的时尚市场：To Be Dressed

2019/05/06 全球购物

2019年Java 最常见的面试题

2016/10/19 面试题

大专自我鉴定范文

2013/10/01 职场文书

十周年庆典策划方案

2014/06/03 职场文书

2015年世界环境日活动总结

2015/02/11 职场文书

教师个人总结范文

2015/02/11 职场文书