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 相关文章推荐
Web跨浏览器进程通信(Web跨域)
Apr 17 Javascript
AJAX跨域请求json数据的实现方法
Nov 11 Javascript
node.js学习总结之调式代码的方法
Jun 25 Javascript
通过jquery 获取URL参数并进行转码
Aug 18 Javascript
javascript使用appendChild追加节点实例
Jan 12 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
深入浅析Vue中的slots/scoped slots
Apr 03 Javascript
VUE2.0中Jsonp的使用方法
May 22 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
JavaScript设计模式之原型模式详情
Jun 21 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
PHP对象Object的概念 介绍
2012/06/14 PHP
PHP与Java进行通信的实现方法
2013/10/21 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
常用PHP封装分页工具类
2017/01/14 PHP
PHP _construct()函数讲解
2019/02/03 PHP
PHP+百度AI OCR文字识别实现了图片的文字识别功能
2019/05/08 PHP
java解析json方法总结
2019/05/16 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
2012/07/31 Javascript
JS模板实现方法
2013/04/03 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
2018/01/24 Javascript
vue中,在本地缓存中读写数据的方法
2018/09/21 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
彻底理解Python list切片原理
2017/10/27 Python
python实现数据分析与建模
2019/07/11 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
如何进行Linux分区优化
2016/09/13 面试题
大学应届生求职简历的自我评价
2013/10/08 职场文书
教师自我鉴定
2013/12/13 职场文书
微型企业创业投资计划书
2014/01/10 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
工作年限证明模板
2015/06/15 职场文书
mysql函数全面总结
2021/11/11 MySQL