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 操作cookies及正确使用cookies的属性
Oct 15 Javascript
javascript针对DOM的应用分析(二)
Apr 15 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
KnockoutJS数组比较算法实例详解
Nov 25 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 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生成二维码的两个方法和实例
2014/07/01 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
HTML Dom与Css控制方法
2010/10/25 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
Python实现抓取网页并且解析的实例
2014/09/20 Python
在Python中使用Neo4j数据库的教程
2015/04/16 Python
解决使用PyCharm时无法启动控制台的问题
2019/01/19 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
python实现图片上添加图片
2019/11/26 Python
TensorFlow梯度求解tf.gradients实例
2020/02/04 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
python3中sys.argv的实例用法
2020/04/24 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
Python logging模块原理解析及应用
2020/08/13 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
音乐表演专业毕业生求职信
2013/10/14 职场文书
语文教育专业推荐信范文
2013/11/25 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
三年级科学教学反思
2014/01/29 职场文书
护士毕业实习感言
2014/03/05 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
会议邀请函
2015/01/30 职场文书
秦兵马俑导游词
2015/02/02 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
如何在pycharm中快捷安装pip命令(如pygame)
2021/05/31 Python
使用CSS设置滚动条样式
2022/01/18 HTML / CSS