jquery - 在我的案例中如何禁用按钮点击事件？

Question

我想在用户点击按钮时创建一个计时器

html

 <a href='#' id='btn' >click me</a>

Js

  $('#btn').on('click', function(){
           clearInterval(instance.timer);
           var timer=setInterval(function(){Timer()},3000);
   })

 function Timer(){
   //do stuff….
  }

我希望在 3 秒的等待时间内禁用按钮单击事件。我该怎么做呢？感谢您的帮助!

Answer 1

使用 native javascript，您可以在页面加载后 3 秒轻松启用按钮:

document.getElementById("btn").onclick = function(e){
    e.preventDefault();
};

setTimeout(function(){
    document.getElementById("btn").onclick= function(){
        //add implementation
    };
},3000);

JS fiddle : http://jsfiddle.net/84f9S/

如果您只想在点击后阻止按钮三秒钟，您可以使用以下方法:

var enabled = true;
$("#btn").click(function(){
    if(enabled){
        enabled = false;
        alert("action");
        setTimeout(function(){
            enabled = true;        
        },3000);
    }
});

JS fiddle : http://jsfiddle.net/84f9S/1/