编程 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实现多域名不同文件的调用方法

Jan 12 Javascript

网页中可关闭的漂浮窗口实现可自行调节

Aug 20 Javascript

一个获取第n个元素节点的js函数

Sep 02 Javascript

JS实现网页上随滚动条滚动的层效果代码

Nov 04 Javascript

概述jQuery中的ajax方法

Dec 16 Javascript

ES6深入理解之“let”能替代”var“吗?

Jun 28 Javascript

Javascript es7中比较实用的两个方法示例

Jul 21 Javascript

使用NestJS开发Node.js应用的方法

Dec 03 Javascript

详解VUE项目中安装和使用vant组件

Apr 28 Javascript

对TypeScript库进行单元测试的方法

Jul 18 Javascript

vue 自定义右键样式的实例代码

Nov 06 Javascript

vue实现简易图片左右旋转,上一张,下一张组件案例

Jul 31 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中处理mysql_fetch_assoc返回来的数组不用foreach----echo

2011/05/04 PHP

php绘图之在图片上写中文和英文的方法

2015/01/24 PHP

php实现在服务器上创建目录的方法

2015/03/16 PHP

深入浅出讲解：php的socket通信原理

2016/12/03 PHP

PHP7下协程的实现方法详解

2017/12/17 PHP

thinkPHP5框架分页样式类完整示例

2018/09/01 PHP

jquery插件开发之实现jquery手风琴功能分享

2014/03/10 Javascript

js中substring和substr的定义和用法

2014/05/05 Javascript

javascript 广告移动特效的实现代码

2016/06/25 Javascript

nodejs express配置自签名https服务器的方法

2018/05/22 NodeJs

ajaxfileupload.js实现上传文件功能

2019/04/19 Javascript

Javascript Dom元素获取和添加详解

2019/09/24 Javascript

angular inputNumber指令输入框只能输入数字的实现

2019/12/03 Javascript

[18:16]sakonoko 2017年卡尔集锦

2018/02/06 DOTA

Python素数检测的方法

2015/05/11 Python

Python星号*与**用法分析

2018/02/02 Python

python面试题小结附答案实例代码

2019/04/11 Python

如何使用Python实现自动化水军评论

2019/06/26 Python

python实现微信自动回复机器人功能

2019/07/11 Python

keras实现图像预处理并生成一个generator的案例

2020/06/17 Python

python3.5的包存放的具体路径

2020/08/16 Python

Python根据字典的值查询出对应的键的方法

2020/09/30 Python

python-jwt用户认证食用教学的实现方法

2021/01/19 Python

HTML5 canvas基本绘图之绘制阴影效果

2016/06/27 HTML / CSS

实例讲解使用SVG制作loading加载动画的方法

2016/04/05 HTML / CSS

智利最大的网上商店：Linio智利

2016/11/24 全球购物

如何将字串String转换成整数int

2015/02/21 面试题

消防应急演练方案

2014/02/12 职场文书

入队仪式主持词

2015/07/04 职场文书

2015年中秋晚会主持稿

2015/07/30 职场文书

学习弘扬焦裕禄精神心得体会

2016/01/23 职场文书

golang中字符串MD5生成方式总结

2021/07/04 Golang

mongodb数据库迁移变更的解决方案

2021/09/04 MongoDB

Unicode中的CJK(中日韩统一表意文字)字符小结

2021/12/06 HTML / CSS

Redis实战高并发之扣减库存项目

2022/04/14 Redis

MySQL实现用逗号进行拼接、以逗号进行分割

2022/12/24 MySQL