javascript - jQuery从点击事件函数中关闭点击事件间隔函数？

Question

我正在创建一个非常简单的游戏 - 当用户单击该区域时它就会开始，并且应该在 10 秒后停止，所以我有这样的代码:

$('#area').click(function(){
  var timer = setInterval(function(){ 
     clearInterval(timer);
     $(this).off('click'); //this is taking window as "this" 
  }, 1000);
});

但是正如您从代码中看到的 $(this).off('click'); 没有做我想做的事情 - 如何到达 $('#area ') 的 this 在这个范围内吗？ (点击事件的函数的间隔的函数)。我希望您正确理解我的问题，如果不理解请发表评论:)

Answer 1

您需要将 this 的值存储在点击处理程序中(这将是被点击的元素)，以便您可以在计时器函数中使用它。试试这个:

$('#area').click(function(){
    var $area = $(this);
    var timer = setInterval(function(){ 
        clearInterval(timer);
        $area.off('click');
    }, 1000);
});