javascript实现避免页面按钮重复提交


Posted in Javascript onJanuary 08, 2015
function preventAjax(obj,num){

            obj.disabled = true;

            var num = num;

            var types =obj.type;

            if(types == 'submit'){

                var text = obj.value;

                var time1 = setInterval(function(){

                    obj.value = num;

                    num--;

                    if(obj.value <= 0 ){

                        clearInterval(time1);

                        obj.disabled = false;

                        obj.value = text;

                    }

                },1000);

            }else{

                var text = obj.innerHTML

                var time1 = setInterval(function(){

                    obj.innerHTML = num;

                    num--;

                    if(obj.innerHTML <= 0 ){

                        clearInterval(time1);

                        obj.disabled = false;

                        obj.innerHTML = text;

                    }

                },1000);

            }

        }

绑定事件即可调用

以上就是本文的全部内容了,小伙伴们拿到自己项目中测试下吧。

Javascript 相关文章推荐
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
js获取select默认选中的Option并不是当前选中值
May 07 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
jQuery检测滚动条是否到达底部
Dec 15 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
Angularjs 动态添加指令并绑定事件的方法
Apr 13 Javascript
Vue-router 中hash模式和history模式的区别
Jul 24 Javascript
koa-router源码学习小结
Sep 07 Javascript
Node.js 制作实时多人游戏框架
Jan 08 #Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 #Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 #Javascript
jQuery中siblings()方法用法实例
Jan 08 #Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 #Javascript
jQuery中prevUntil()方法用法实例
Jan 08 #Javascript
jQuery中prevAll()方法用法实例
Jan 08 #Javascript
You might like
mysql时区问题
2008/03/26 PHP
nginx下安装php7+php5
2016/07/31 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
2016/06/27 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
vue 详情跳转至列表页实现列表页缓存
2019/03/27 Javascript
详解keep-alive + vuex 让缓存的页面灵活起来
2019/04/19 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
vuex存取值和映射函数使用说明
2020/07/24 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python中enumerate的用法实例解析
2014/08/18 Python
Python查询IP地址归属完整代码
2017/06/21 Python
python使用代理ip访问网站的实例
2018/05/07 Python
Python中如何导入类示例详解
2019/04/17 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
实习老师离校感言
2014/02/03 职场文书
个人承诺书格式
2014/06/03 职场文书
小学班主任事迹材料
2014/12/17 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android