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 相关文章推荐
Domino中运用jQuery读取视图内容的方法
Oct 21 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
javascript元素动态创建实现方法
May 13 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
详解webpack 多入口配置
Jun 16 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
Jul 24 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 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
全国FM电台频率大全 - 13 福建省
2020/03/11 无线电
基于php和mysql的简单的dao类实现crud操作功能
2014/01/27 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
php使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
js 数值项目的格式化函数代码
2010/05/14 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
Boostrap模态窗口的学习小结
2016/03/28 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
一个小时快速搭建微信小程序的方法步骤
2019/04/15 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
2019/06/05 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
Python读写配置文件的方法
2015/06/03 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
python实现装饰器、描述符
2018/02/28 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
Python 列表的清空方式
2020/01/13 Python
Python将字典转换为XML的方法
2020/08/01 Python
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
材料化学应届生求职信
2013/10/09 职场文书
国家助学金获奖感言
2014/01/31 职场文书
中国好声音华少广告词
2014/03/17 职场文书
五五普法心得体会
2014/09/04 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
小平小道观后感
2015/06/09 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS