Как выполнить скрипт, через паузу (для последнего события)?

Question

[Жора Фрибсд]

$('.button').on('click', function () {
   setTimeout(function() {console.log('TEST')}, 5000);
});

Вот код, как видно TEST отобразиться в консоле, через 5 сек после события click, как сделать, чтобы если в промежутке до 5 секунд я кликну например 10-15 раз событие сработало только на последний клик, т.е. кликаю 1,2,3,4,5,6,7....20,21,22 раз я кликаю в последний раз и через 5 сек срабатывает событие. Если кликать данный код соответственно функция будет выполнять столько раз сколько кликнешь...

Answer 1

[Roman Sokolov]

var timer;
$('.button').on('click', function () {
	 clearTimeout(timer);
   timer = setTimeout(function() {console.log('TEST')}, 5000);
});

Comments

[Жора Фрибсд]

спасибо, все просто и понятно.

Answer 2

[Алексей]

setTimeout - это функция, которая возвращает идентификатор таймаута, который можно сбросить через clearTimeout.

Answer 3

[Алексей Уколов]

underscorejs.org/docs/underscore.html#section-83