首页 > 技术文章 > 标签a点击以后,5秒内禁止点击,5秒后激活

greenteaone 2014-12-23 13:20 原文

方法1:利用bootstrap里面的类disabled,禁止链接

<a href='javascript:onHref()' id="test">点击</a>
function onHref(){
 if($('#test').hasClass('disabled')) return; $(
'#test').addClass('disabled'); $('#test').css('color','#FFBE88'); setTimeout("$('#test').removeClass('disabled');$('#test').css('color','red');",1000); }

方法2:取消click事件的绑定

<a href='javascript:void(0)' id="test">点击</a>
$(function(){
    $("#test").bind('click',test);
});
function test(){
    alert("test");
    $("#test").css("color","#CCC");
    $("#test").unbind("click");
    setTimeout('$("#test").bind("click",test);$("#test").css("color","red");',5000);

}

 

推荐阅读