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

javascript new 需不需要继续使用

Jul 02 Javascript

为javascript添加String.Format方法

Aug 11 Javascript

JavaScript Array Flatten 与递归使用介绍

Oct 30 Javascript

JavaScript获取和设置CheckBox状态的简单方法

Jul 05 Javascript

JS中三目运算符和if else的区别分析与示例

Nov 21 Javascript

微信小程序 Video API实例详解

Oct 02 Javascript

Node.js环境下Koa2添加travis ci持续集成工具的方法

Jun 19 Javascript

详解Vue CLI 3.0脚手架如何mock数据

Nov 23 Javascript

JS/HTML5游戏常用算法之追踪算法实例详解

Dec 12 Javascript

JS匿名函数内部this指向问题详析

May 10 Javascript

Vue搭建后台系统需要注意的问题

Nov 08 Javascript

微信小程序自定义tabBar的踩坑实践记录

Nov 06 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图片加水印原理(超简单的实例代码)

2013/01/18 PHP

php图片的二进制转换实现方法

2014/12/15 PHP

PHP实现查询手机归属地的方法详解

2017/04/28 PHP

thinkphp分页集成实例

2017/07/24 PHP

TP5框架页面跳转样式操作示例

2020/04/05 PHP

js操作二级联动实现代码

2010/07/27 Javascript

jquery实现按Enter键触发事件示例

2013/09/10 Javascript

JavaScript中的操作符==与===介绍

2014/12/31 Javascript

JavaScript 学习笔记之基础中的基础

2015/01/13 Javascript

JavaScript判断前缀、后缀是否是空格的方法

2015/04/15 Javascript

javascript实现简单的省市区三级联动

2015/05/14 Javascript

JavaScript合并两个数组并去除重复项的方法

2015/06/13 Javascript

jQuery实现form表单元素序列化为json对象的方法

2015/12/09 Javascript

简单谈谈JavaScript的同步与异步

2015/12/31 Javascript

jQuery实现移动端手机商城购物车功能

2016/09/24 Javascript

Bootstrap Modal遮罩弹出层代码分享

2016/11/21 Javascript

vue-cli 3.0 自定义vue.config.js文件,多页构建的方法

2018/09/19 Javascript

setTimeout与setInterval的区别浅析

2019/03/23 Javascript

JS实现打字游戏

2019/12/17 Javascript

js实现飞机大战小游戏

2020/08/26 Javascript

解决Vue watch里调用方法的坑

2020/11/07 Javascript

Vue router传递参数并解决刷新页面参数丢失问题

2020/12/02 Vue.js

python获得一个月有多少天的方法

2015/06/04 Python

pandas series序列转化为星期几的实例

2018/04/11 Python

Python基于pandas实现json格式转换成dataframe的方法

2018/06/22 Python

Python3.5迭代器与生成器用法实例分析

2019/04/30 Python

python关于矩阵重复赋值覆盖问题的解决方法

2019/07/19 Python

django 实现手动存储文件到model的FileField

2020/03/30 Python

PyQT5 实现快捷键复制表格数据的方法示例

2020/06/19 Python

python装饰器实现对异常代码出现进行自动监控的实现方法

2020/09/15 Python

HTML5本地数据库基础操作详解

2016/04/26 HTML / CSS

Missguided美国官网：英国时尚品牌

2018/01/18 全球购物

意大利和国际最佳时尚品牌：Drestige

2019/12/28 全球购物

铭立家具面试题

2012/12/06 面试题

十岁生日父母答谢词

2014/01/18 职场文书

回门宴新娘答谢词

2015/09/29 职场文书