JS控制按钮不能连续被点击

最新推荐文章于 2023-03-28 16:07:43 发布

iteye_10047

最新推荐文章于 2023-03-28 16:07:43 发布

阅读量858

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_10047/article/details/82332270

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

将下面代码拷贝进一个html文件中就可以运行查看效果。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
	function downLoad(evt) {
		disabledButton();
		MyPeriodicalExecuter(evt);
	}
	function disabledButton(){
		var inputs = document.getElementsByTagName("input");
		for(var i = 0;i<inputs.length;i++){
			if(inputs[i].type.toLowerCase()=="button")
				inputs[i].disabled=true;
		}
	}

	function MyPeriodicalExecuter(evt){
		succ.obj=evt;
		succ.loop=0;
		sh=setInterval(succ,1000);
	}

	function succ(){
		var str="禁止连续点击,"
		with(arguments.callee){
			obj.value=str+"("+(loop++)+"/15)秒后再试";
			if (loop > 15){
				enabledButton();
				obj.value=" 下载 ";
				clearInterval(sh);
				return;
			}	
		}
	}

	function enabledButton(){
		var inputs = document.getElementsByTagName("input");
		for(var i = 0;i<inputs.length;i++){
			if(inputs[i].type.toLowerCase()=="button")
				inputs[i].disabled=false;
		}
	}
  </script>
 </HEAD>

 <BODY>
	<!--如果有样式，可以设置type="botton",class="style"-->
  <input type="button" value="下载" onClick="downLoad(this)"/>
 </BODY>

</HTML>

iteye_10047

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS控制按钮不能连续被点击

将下面代码拷贝进一个html文件中就可以运行查看效果。[code="java"] New Document function downLoad(evt) { disabledButton(); MyPeriodicalExecuter(evt); } function disabledButton(){...
复制链接

扫一扫