首页 > 其他 > 详细

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

时间:2014-08-01 12:52:41      阅读:378      评论:0      收藏:0      [点我收藏+]

比如:

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


 

实现每次触发事件后隔一段时间后才能再次触发事件,布布扣,bubuko.com

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

原文:http://www.cnblogs.com/yigeqi/p/3881549.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!