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 в этой области? (функция интервала функции события события). Я надеюсь, что вы поняли мой вопрос правильно, если Dont пожалуйста, комментарий :)

Answer 1

Вы должны сохранить значение this в обработчик щелчка (который будет элемент нажал на), так что вы можете использовать его в функции таймера. Попробуйте следующее:

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