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 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
HTML node相关的一些资料整理
Jan 01 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
laypage分页控件使用实例详解
May 19 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 Javascript
JSON 入门教程基础篇 json入门学习笔记
Sep 22 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
Zerg建筑一览
2020/03/14 星际争霸
PHP 第二节 数据类型之字符串类型
2012/04/28 PHP
php实现MySQL数据库备份与还原类实例
2014/12/09 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
php表单处理操作
2017/11/16 PHP
javascript中window.event事件用法详解
2012/12/11 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
numpy数组之存取文件的实现示例
2019/05/24 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
材料成型专业个人求职信范文
2013/09/25 职场文书
茶叶店创业计划书范文
2014/01/19 职场文书
核心价值观演讲稿
2014/05/13 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
舌尖上的中国观后感
2015/06/02 职场文书
春季运动会加油词
2015/07/18 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
mysql配置SSL证书登录的实现
2021/09/04 MySQL
Python OpenCV之常用滤波器使用详解
2022/04/07 Python