jQuery 阻止用户重复点击案例

<textarea name="" id="" cols="30" rows="10"></textarea><br>
<button id="btn2">Button</button>
<p>您已提交了<span id="ci">0</span>次</p>



<script type="text/javascript">
	var tm=null;                                      //6定义一个变量给setTimeout的值可以返回

	function btnCi(){                                 //4建一个函数
		var cnt=parseInt($("#ci").text());        //1把span的内容变成整型赋给变量cnt
		cnt=cnt+1;                                //2每当点击一下按钮都会加1
		$("#ci").text(cnt);                       //3然后把加后的值返回span
	}
	$(function(){
		$("#btn2").click(function(){
			if ($("ci").attr("dis")==1) {     //7判断span的属性dis是否等于1
				return false;             //8如果等于1的话，就不往下执行了
	}
			$("ci").attr("dis","1");          //9如果等于1的话
			clearTimeout(tm);
			tm=setTimeout("btnCi()",3000);    //5用setTimeout调用函数延迟3秒钟执行
		})
	})
		
</script>

 

转载于:https://my.oschina.net/xiaojunx/blog/840956