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 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
jQuery实现个性翻牌效果导航菜单的方法
Mar 09 Javascript
Js实现无刷新删除内容
Apr 29 Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 Javascript
微信小程序实现tab页面切换功能
Jul 13 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
Jul 27 Javascript
React 组件中的 bind(this)示例代码
Sep 16 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 Javascript
Javascript Web Worker使用过程解析
Mar 16 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
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
PHP HTML代码串 截取实现代码
2009/06/29 PHP
浅谈php优化需要注意的地方
2014/11/27 PHP
js实现倒计时时钟的示例代码
2013/12/17 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
Bootstrap3 多选和单选框(checkbox)
2016/12/29 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
写给小白看的JavaScript异步
2017/11/29 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
koa-router源码学习小结
2018/09/07 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
webpack4.0 入门实践教程
2018/10/08 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
2019/04/25 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
Python缩进和冒号详解
2016/06/01 Python
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
python实现栅栏加解密 支持密钥加密
2019/03/20 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
python GUI库图形界面开发之PyQt5输入对话框QInputDialog详细使用方法与实例
2020/02/27 Python
numpy库reshape用法详解
2020/04/19 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
利用Vscode进行Python开发环境配置的步骤
2020/06/22 Python
python 调整图片亮度的示例
2020/12/03 Python
德国机车企业:FC-Moto
2017/10/27 全球购物
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
酒店员工培训方案
2014/06/02 职场文书
网球场地租赁协议范本
2014/10/07 职场文书
升学宴家长致辞
2015/07/27 职场文书
2019销售早会主持词
2019/06/27 职场文书
总结Python连接CS2000的详细步骤
2021/06/23 Python
试了下Golang实现try catch的方法
2021/07/01 Golang