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 相关文章推荐
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
javascript scrollTop正解使用方法
Nov 14 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
Jun 08 Javascript
jquery中表单 多选框的一种巧妙写法
Sep 06 Javascript
分享两段简单的JS代码防止SQL注入
Apr 12 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
Nov 09 Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 Javascript
vuex操作state对象的实例代码
Apr 25 Javascript
openlayers 3实现车辆轨迹回放
Sep 24 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
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
PHP基于递归实现的约瑟夫环算法示例
2017/08/27 PHP
JQuery拖拽元素改变大小尺寸实现代码
2012/12/10 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
Angular2.js实现表单验证详解
2017/06/23 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
pycharm显示远程图片的实现
2019/11/04 Python
Python实现变声器功能(萝莉音御姐音)
2019/12/05 Python
python Popen 获取输出,等待运行完成示例
2019/12/30 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
windows下Pycharm安装opencv的多种方法
2020/03/05 Python
Python定时任务APScheduler安装及使用解析
2020/08/07 Python
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
行政求职信
2014/07/04 职场文书
学生退学证明
2015/06/23 职场文书
高中班长竞选稿
2015/11/20 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js
CSS list-style-type属性使用方法
2023/05/21 HTML / CSS