Установить максимальную скорость клика jQuery

Question

У меня есть кнопка, которая запускает анимацию. Моя анимация - это слайд-шоу, а кнопка - кнопка «вперед». Но если я нажму эту кнопку (скажем ...) 5 раз в секунду, слайд-шоу будет поворачивать, в моем случае, 5 контейнеров, но каждая анимация поворота устанавливается на 400 миллисекунд на каждом контейнере. Это означает, что общая анимация займет 2 секунды. Я говорю, что если я нажимаю кнопку «вперед» на секунду, анимация займет 2 секунды. Поэтому я хочу установить максимальную скорость клика. Позвольте мне быть ясными:

Если я нажимаю кнопку прямо сейчас, я хочу, чтобы она была неактивной в течение 400 миллисекунд (потому что, как я сказал, анимация установлена ​​на 400 мс), так что анимация, запускаемая с помощью этой кнопки, происходит только один раз, даже если я нажал эту кнопку (скажем ...) 3 раза в этом интервале. Через 400 миллисекунд он снова будет готов принять другую команду.

Answer 1

Вы можете сделать это:

1. Начало анимации
2. кнопку Установить атрибут отключен = «отключен», поэтому никто не может запустить анимацию
3. Когда анимация заканчивается удалить атрибут «отключен».

Для просмотра анимации можно использовать событие "animationend".

Answer 2

вы можете использовать setTimeout() Метод. Метод setTimeout() вызывает функцию или оценивает выражение после заданного количества миллисекунд.