Способ взломать функцию javascript, которая зацикливается

Question

Я ожидаю, что на это уже есть миллион ответов & Я не знаю терминологию для формулировки вопроса. Но ...

Взгляните на это: http://jsfiddle.net/QD3UK/8/

$('body').on('click', '.testDiv', function(){ 
    console.log($(this)) 
    repeatTest(1) 
}) 

function repeatTest(n){ 
    window.setTimeout(function(){ 
     $('.result').append(n+" hi<br />") 
     repeatTest(n); 
    }, 3000); 
    n++ 
} 

Я хочу, чтобы функция цикла, чтобы начать снова, когда ДИВ testDiv нажата еще раз - так что есть только одна итерация цикла - это не какое число (n) начинается с.

Помогите? Спасибо

Answer 1

Вы можете clearTimeout аннулировать существующий setTimeout. Так что-то вроде:

var _handle; 

$('body').on('click', '.testDiv', function(){ 
    clearTimeout(_handle); 
    console.log($(this)) 
    repeatTest(1) 
}); 

function repeatTest(n){ 
    _handle = window.setTimeout(function(){ 
     $('.result').append(n+" hi<br />") 
     repeatTest(n); 
    }, 3000); 
    n++; 
}