Как сделать так, чтобы действия не вставали в очередь?

Question

[leni_m]

Есть 2 кнопки: одна показывает блок в течении 1 секунды, другая скрывает в течении 1 сек.
Проблема в том, что если мы много раз подряд будем нажимать эти кнопки, то действия становятся в очередь и выполняются, хотя кнопки уже не нажимаем.

Answer 1

[Александр]

Отмена исполнения clearTimeout
Функция setTimeout возвращает числовой идентификатор таймера timerId, который можно использовать для отмены действия.

var timerId = setTimeout(...);
clearTimeout(timerId);

---
Другими словами: когда нажимаете на кнопку - создаёте таймаут и запоминаете его код, а когда повторно нажимаете - сначала отменяете таймаут, идентификатор которого запоминали ранее, а уже потом создаёте новый таймаут.

Comments

[leni_m]

хмм что-то не разобраться как с двумя кнопками написать. В слайдере owl-carousel написал выполнение функций так:

$("#slider").owlcarousel({
    ...
    onTranslate: start,
    onTranslated: end
})
function start() {
    скрыть блок;
}
function end() {
    показать блок;
}

слайд пролистывается в течении одной секунды, и при пролистывании сначала выполняется функция start и в конце (когдаследующий слайд встал на место текущего) выполняется функция end. Попытался написать так:

function start() {
    timerId = setTimeout(function () {
        скрыть блок;
    }, 50);
}
function end() {
    clearTimeout(timerId);
    показать блок;
}

но не сработало. Получается, что пролистываем на 10 слайдов вперед, и блок появляется и исчезает 10 раз потихонечку.

[Александр]

leni_m, покажите свой код полностью, тогда можно будет о чем-то говорить. Когда вы говорите без конкретики, тогда и ответы такие же.