编程 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 21 Javascript

在jQuery ajax中按钮button和submit的区别分析

Oct 07 Javascript

Javascript验证用户输入URL地址是否为空及格式是否正确

Oct 09 Javascript

javascript实现简单查找与替换的方法

Jul 22 Javascript

JS实现保留n位小数的四舍五入问题示例

Aug 03 Javascript

详解微信小程序入门五: wxml文件引用、模版、生命周期

Jan 20 Javascript

jQuery实现简单的下拉菜单导航功能示例

Dec 07 jQuery

原生js代码能实现call和bind吗

Jul 31 Javascript

Vue.js组件使用props传递数据的方法

Oct 19 Javascript

vue 指令和过滤器的基本使用(品牌管理案例)

Nov 04 Javascript

bootstrap-table后端分页功能完整实例

Jun 01 Javascript

echarts实现获取datazoom的起始值(包括x轴和y轴)

Jul 20 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.ini实现PHP文件上传功能

2014/11/27 PHP

php跨服务器访问方法小结

2015/05/12 PHP

PHP检查文件是否存在，不存在自动创建及读取文件内容操作示例

2020/01/23 PHP

原创javascript小游戏实现代码

2010/08/19 Javascript

JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

2013/01/23 Javascript

AngularJS整合Springmvc、Spring、Mybatis搭建开发环境

2016/02/25 Javascript

JS匿名函数实例分析

2016/11/26 Javascript

js继承实现方法详解

2016/12/16 Javascript

脚本div实现拖放功能(两种)

2017/02/13 Javascript

利用Node.js+Koa框架实现前后端交互的方法

2017/02/27 Javascript

javascript闭包功能与用法实例分析

2017/04/06 Javascript

jacascript DOM节点——元素节点、属性节点、文本节点

2017/04/18 Javascript

JS/HTML5游戏常用算法之路径搜索算法随机迷宫算法详解【普里姆算法】

2018/12/13 Javascript

Nodejs + sequelize 实现增删改查操作

2020/11/07 NodeJs

[02:48]DOTA2超级联赛专访海涛：你们的选择没有错

2013/06/07 DOTA

python制作最美应用的爬虫

2015/10/28 Python

Python找出最小的K个数实例代码

2018/01/04 Python

Python使用googletrans报错的解决方法

2018/09/25 Python

使用python批量化音乐文件格式转换的实例

2019/01/09 Python

django的model操作汇整详解

2019/07/26 Python

django 配置阿里云OSS存储media文件的例子

2019/08/20 Python

Python turtle绘画象棋棋盘

2019/08/21 Python

Laravel框架表单验证格式化输出的方法

2019/09/25 Python

Python Django中间件，中间件函数，全局异常处理操作示例

2019/11/08 Python

在keras 中获取张量 tensor 的维度大小实例

2020/06/10 Python

Python3+Django get/post请求实现教程详解

2021/02/16 Python

HTML5 使用 sessionStorage 进行页面传值的方法

2018/07/02 HTML / CSS

HTML5不支持frameset的两种解决方法

2016/11/14 HTML / CSS

英国DIY汽车维修配件网站：DIY Car Service Parts

2019/08/30 全球购物

汽车专业学生自我评价

2014/01/19 职场文书

如何撰写岗位职责

2014/02/01 职场文书

项目转让协议书

2014/10/27 职场文书

Python+Appium新手教程

2021/04/17 Python

使用Navicat Premium工具将oracle数据库迁移到MySQL

2021/05/27 Oracle

MySQL数据库查询进阶之多表查询详解

2022/04/08 MySQL

vue elementUI表格控制对应列

2022/04/13 Vue.js