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 相关文章推荐
Javascript isArray 数组类型检测函数
Oct 08 Javascript
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
Jun 25 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 Javascript
IE 当eval遇上function的处理
Aug 09 Javascript
js控制table合并具体实现
Feb 20 Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
微信小程序下拉菜单效果的实例代码
May 14 Javascript
Typescript的三种运行方式(小结)
Sep 18 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 ss7.5的数据调用 (笔记)
2010/03/08 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
JavaScript设计模式之策略模式实例
2014/10/10 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[40:19]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.18
2020/12/19 DOTA
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
快速解决安装python没有scripts文件夹的问题
2018/04/03 Python
Python符号计算之实现函数极限的方法
2019/07/15 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
pandas数据处理进阶详解
2019/10/11 Python
Python pip配置国内源的方法
2020/02/14 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
学校督导评估方案
2014/06/10 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
交互式可视化js库gojs使用介绍及技巧
2022/02/18 Javascript
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers