首页 > 代码库 > 实现每次触发事件后隔一段时间后才能再次触发事件

实现每次触发事件后隔一段时间后才能再次触发事件

2024-07-15 05:35:22   228人阅读

比如：

每次点击“提交”按钮后隔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类型与它判断。

 






























        

            
                
                  
                
                

                    联系

                    我们