Как задать интервал работы скрипта по клику?

Question

[DeniSidorenko]

Добрый день. Написал слайдер. Все хорошо, остался только если пользователь нажимает слишком быстро ( быстрее чем задана анимация) появляется нежелательный баг. Подскажите у меня такой код, как я могу сделать что бы клик срабатывал не чаще раз в 0.5секунд( столько длиться анимация)

ButtonNext.addEventListener('click',
// CODE 
});

Answer 1

[0xD34F]

Ищем готовое или реализовываем самостоятельно:

function throttle(f, delay) {
  let lastCall = -Infinity;

  return function() {
    const now = +new Date;
    if (now - lastCall > delay) {
      lastCall = now;
      return f.apply(this, arguments);
    }
  };
}

Comments

[DeniSidorenko]

А по синтаксу не подскажите. Я знаю про нее но там надо передать функцию а тут у меня функция внутри евента

[0xD34F]

Что такое "функция внутри евента" я не знаю. Мне кажется, вы не вполне понимаете, о чём говорите.

"Передать функцию" - ну вот и передавайте свой обработчик:

element.addEventListener('click', throttle(function() {
  // CODE
}, 500));

[Павел Корнилов]

https://learn.javascript.ru/task/debounce