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 相关文章推荐
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
jquery中.add()的使用分析
Apr 26 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
Aug 13 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
javascript添加前置0(补零)的几种方法
Jan 05 Javascript
JS实现图片居中悬浮效果
Dec 25 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
vue使用keep-alive保持滚动条位置的实现方法
Apr 09 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
如何通过JS实现日历简单算法
Oct 14 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图片验证码代码
2008/03/27 PHP
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
php中stdClass的用法分析
2015/02/27 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
js中有关IE版本检测
2012/01/04 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
javascript返回顶部的按钮实现方法
2016/01/09 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
AngularJS ng-change 指令的详解及简单实例
2016/07/30 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
微信小程序 删除项目工程实现步骤
2016/11/10 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
2020/04/28 Javascript
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
详解Python3中字符串中的数字提取方法
2017/01/14 Python
Python中%r和%s的详解及区别
2017/03/16 Python
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
html5录音功能实战示例
2019/03/25 HTML / CSS
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
C++是不是类型安全的
2014/02/18 面试题
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
银行自荐信怎么写
2015/03/05 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书