Как отменить последующий вызов функции в течении 1 секунды

Question

[Анна Бакурова]

На сайте test.cuberto.ru/libris/index.html осуществляю нестандартную прокрутку мыши. Но возникла проблема. Функция прокрутки вызывается на сенсорных мышах повторно в зависимости от того на сколько сильно прокрутить "колёсико". Единственный выход что нашла так это в течении 1 секунды запрещать повторный вызов функции, но не знаю как это прописать.
Вот кусок кода где вызывается прокрутка.

function handle(delta) {
if (delta < 0){
sliderTop();
flagAnim = true;
}
else {
sliderBottom();
flagAnim = true;
}
}

/** Обработчик событий колесика мышки */
//обработчик onWheel;
function onWheel(e) {//разделить верх и низ?
e = e || window.event;
var delta = e.deltaY || e.detail || -e.wheelDelta;
if(!flagAnim){
handle(delta);
console.log(delta)
}
}

Как запретить повторный вызов delta или удалить функции delta которые происходят сразу же после окончания предыдущей в течении секунды

Answer 1

[Денис Пушкарев]

var lastCall = 0;
function handle() {
  var now = Date.now();
  if(now - lastCall > 1e3){
    // логика ...
    lastCall = now;
  }
}

Comments

[Анна Бакурова]

тоже работает как задержка. Через секунду вызывает её

[Анна Бакурова]

Нужно именно удаление

[Денис Пушкарев]

@Libris это не задержка, а именно запрет повторного исполнения в течении секунды.

[Денис Пушкарев]

Нужен запрет - понятия не имею, через что навешиваются обработчики. Можно банально, но это трэш:
var fulfilled = false;
function handle() {
if(!fulfilled){
// логика ...
fulfilled = true;
}
}

[Анна Бакурова]

Я вот что сделала... Увеличила время и теперь всё норм. Но задержка в 5сек это много...

[Анна Бакурова]

хотя мне кажется тут они тоже задержку увеличивали и поэтому нет прокрутки ueno.co/fitbit2013/#rex

[Денис Пушкарев]

Здесь при прокрутке ставят флаг scrolling, пускают прокрутку только если он не стоит и после прокрутки его убирают.

[Анна Бакурова]

У меня тоже самое flagAnim = true;
Я просто не стала полный код выкладывать.
Но это чуть другое... Оно с флагом всё равно вызовет, если это сенсорная мышка, но Ваш способ мне очень помог. Благодарю!

Answer 2

[Bogdan Odarchenko]

javascript.ru/setTimeout

Comments

[Анна Бакурова]

Это только задержит выполнение посл. функции. Мне нужно чтобы эта функция повторно не вызывалась в течении секунда, а не задержать её

[Bogdan Odarchenko]

Тогда сделай input, переменную, храни в ней значение меняй ее, и делай на проверку ее значения выполнение, через секунду меняй ее опять.

[Анна Бакурова]

но оно вызов то не удалит... Мыши хитрые они потом вызовут с задержкой

Answer 3

[Виталий Желтяков]

При установки событий, которые могут быть отменены нужно использовать bind с дополнительным параметром пространства имён, который можно использовать для отмены через unbind.
Других корректных способов нет.

Answer 4

[trueClearThinker]

underscorejs.org/#debounce — вызывает функцию не чаще определенного количества времени

Comments

[trueClearThinker]

Даже underscorejs.org/#throttle более подойдет

Answer 5

[Юрий Лобанов]

Не по теме, примите как совет:
1. После того, как пользуюсь навигацией - скролл перестает работать вообще (в mozilla 28)
2. Очень сильно бесит: начинаю скроллить, моментальный переход на второй слайд - ок. Я не прекращая скроллю (уверяю Вас, большинство пользователей сразу скроллят сайт и только потом идут изучать что-то) - но нет, скроллить не дает, только спустя паузу снова можно сменить слайд

Эти два пункта необходимо исправить.

Comments

[Анна Бакурова]

Пункт 2 - Это желание заказчика. Так как на сенсорных мышках событие вызывается повторно много раз и если убрать этот "баг" то люди с сенсорными мышками нормально скроллить не смогут. Из за этого пункта и существует мой вопрос как убрать повторный вызов. Нашла решение только через время, так как больше не к чему привязывать. Что касается мышей с колёсиком то они работают нормально и их это не касается.. Что касается первого пункта то возможно Вы просматривали сайт когда Я его перезаливала или на нём стояла багнутая версия (touch сейчас делаю).

[Юрий Лобанов]

@Libris да, первое теперь ок.
Второе - попытайтесь убедить заказчика. Дело, естественно, его и Ваше. Повторяю - просто примите как совет ) Я, как и Вы наверняка, просматриваю дохрена и больше сайтов, и для меня такое отсутствие скролла - ошибка. А как насчет того, чтобы исправлять задержкой такое только для тач-устройств? я так понимаю, задержка для мыши не обязательна?

[Анна Бакурова]

Я уже его убеждала... у меня мыша майкрософт у него Apple. Майкрософт более резвая и у меня допустим и до сих пор "проскакивает" так как время попросили сократить. Но если обратно вернуть палец на touch scroll область то скролл прикратится. Для меня это фича и причём очень классная. И Я бы её оставила. Я долго пыталась ему объяснить то о чём Вы говорите, но безуспешно. А вы не сталкивались с такой проблемой?

[Анна Бакурова]

Смотрю Вы в вебе уже долго... Вы не работали с событием touchmove?

[Юрий Лобанов]

@Libris нет )
Я внимательно не смотрел проблему, так как увидел, что вопрос решен, а только лишь полез смотреть на сайте. Посмотрю внимательно, вдруг что в голову придет.
Хозяин-барин, если считает заказчик, что это его и его пользователей устраивает, то ок.

[Юрий Лобанов]

@Libris если не секрет - с чего Вы взяли, что я в вебе долго? ) Точнее - с чего Вы взяли, что я в вебе )

[Анна Бакурова]

Ну вот и Я так думаю а то спорами можно и плохое отношение к себе заработать или даже работу потерять

[Анна Бакурова]

Рейтинг на сайте + где то Ваш сайт видела

[Юрий Лобанов]

@Libris это все хобби. Я инженер )

[Анна Бакурова]

Ясно)

[Анна Бакурова]

Благодарю за замечания