jquery - Jquery .click 一秒钟

Question

如何仅在单击按钮一秒钟后使该功能起作用？

例如

$("#button").click(function(){
$(".panel").addClass('flip');

我'flip'只需要按下按钮 1 秒钟。如果您单击它不到一秒钟，它不会'flip'

请建议。

Answer 1

$(document).ready(function(){
  $("#button").mousedown(function(e){
    var self = this;
    clearTimeout(self.mouseUpTimer);
    self.mouseUpTimer = setTimeout(function(){
      $(self).bind('mouseup.delay', function(e){
        $(".panel").addClass('flip');
        $(self).unbind('mouseup.delay');
      });
    }, 1000);
  }).mouseup(function(e){
    clearTimeout(this.mouseUpTimer);
  });
});

jsFiddle：http: //jsfiddle.net/zSPhK/