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 HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
Dec 11 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
js面向对象编程之如何实现方法重载
Jul 02 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
使用konva和vue-konva库实现拖拽滑块验证功能
Apr 27 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工厂模式的好处
2013/06/18 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
php获取错误信息的方法
2015/07/17 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
JavaScript中的类继承
2010/11/25 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
2010/12/27 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
js获取元素的外链样式的简单实现方法
2016/06/06 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
JS匹配日期和时间的正则表达式示例
2017/05/12 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
python实现中文转换url编码的方法
2016/06/14 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
Django框架models使用group by详解
2020/03/11 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
应届生妇产科护士求职信
2013/10/27 职场文书
产品销售员岗位职责
2013/12/18 职场文书
校园新闻广播稿
2014/01/10 职场文书
大学生职业生涯规划范文
2014/01/22 职场文书
黄继光的英雄事迹材料
2014/02/13 职场文书
父母对孩子的寄语
2014/04/09 职场文书
感恩老师演讲稿600字
2014/08/28 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
素质拓展训练感想
2015/08/07 职场文书
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python
mysql数据库隔离级别详解
2022/06/16 MySQL
SQLServer常见数学函数梳理总结
2022/08/05 MySQL