比如:
每次点击“提交”按钮后隔3s后才能再次提交。
可以这样:点击后设置按钮不可用,并在3s后再设置按钮可用
$(‘#button1‘).click(function(){ //在这里提交或做别的事 $(this).attr("disabled",true); setTimeout("$(‘#button1‘).attr(‘disabled‘,false);", 3000); //此处setTimeout里面不能用$(this),this指的是window对象 });
如果不是button,而是某个div,则可以通过一个自定义属性或别的变量来标示是否要响应事件:
对节点添加canClick属性:<div id=‘div1‘ canClick=true>click</div>
$(‘#div1‘).click(function(){ if($(this).attr(‘canClick‘)==‘true‘){ //do something $(this).attr("canClick",‘false‘); setTimeout("$(‘#div1‘).attr(‘canClick‘,‘true‘);", 3000); } });
注意:
自定义属性只能是string类型,即使在html节点里设置canClick=0或canClick=false,或直接<div canClick>,
js取值时都会变成‘0’和‘false‘和‘‘(空字符串),当为前两种情况时if($(this).attr(‘canClick‘))均为true。
所以要用字符串与自定义属性值比较,而不是用Number和Boolean类型与它判断。
实现每次触发事件后隔一段时间后才能再次触发事件
时间: 2024-10-05 23:26:49