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

Question

[historydev]

Хотелось бы достичь последовательного вызова, то есть указываю 2 интервала с разницей в секунду и пока второй не отработает, первый будет работать, fiddle:

function getWord(word, delay, callback) {
	let interval;
	return function() {
  	if(interval) {
    	console.log('clearInterval')
    	return clearInterval(interval);
    }
    interval = setInterval(() => callback(word), delay);
  }.apply(this);
}

Comments

[Сергей Сергей]

Нужна такая обёртка, которая бы запрещала переданным в неё функциям работать одновременно?

[historydev]

Сергей Сергей, могли бы вы показать наглядно?

[Сергей Соколов]

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

[Сергей Сергей]

Не могу, я ещё не понял вопроса. Лучше рассказать про общую задачу с функциями и их очерёдностью.

[Сергей Сергей]

Через глобальный флаг пусть определяют, кто завершился.

[historydev]

Сергей Сергей, извините, отходил, ответ Сергея Соколова описал задачу, моя слабость это объяснение - вечная проблема с гуглом из-за этого

Answer 1

[Сергей Соколов]

Если правильно понял, нужно, чтобы срабатывание любого таймера было эксклюзивным – оно отключало другие сработавшие до этого таймеры.
Каждый следующий гасит предыдущие.

let previousTimer;

const startTimer = (word, delay, callback) => {
  const timer = setInterval(
    () => {
      if (previousTimer !== timer) {
        clearInterval(previousTimer);
        previousTimer = timer;
      }
      callback();
    },
    delay
  );
};

startTimer('t1', 280, () => console.log('cb t1'));
startTimer('t2', 1200, () => console.log('cb t2'));
startTimer('t3', 910, () => console.log('cb t3'));

// t1, t1, t1, t3, t2, t2, t2...

Comments

[historydev]

Спасибо за ответ! Извините, отходил.. Хотелось бы иначе, без глобальной области видимости, в мою голову пришёл только прототип но это тоже не то, я хотел построить логику на функции debounce, которая не даёт писать в инпут чаще чем указанное время. То есть создать замыкание в этой функции, например с прототипом это выглядит вот так:

function startTimer(word, delay, callback) {

	startTimer.prototype.previousTimer = null;

  const timer = setInterval(
    (word, callback) => {
      console.log(word, timer);
      if (startTimer.prototype.previousTimer !== timer) {
        clearInterval(startTimer.prototype.previousTimer);
        startTimer.prototype.previousTimer = timer;
      }
      callback();
    },
    delay,
    word,
    callback
  );
}

[Сергей Соколов]

Владимир, без глобальных можно просто обернуть в ещё одну функцию, и переменную держать в ней:

const chainMaker = () => {
  let previousTimer;

  return (word, delay, callback) => {
    const timer = setInterval(() => {
      if (previousTimer !== timer) {
        clearInterval(previousTimer);
        previousTimer = timer;
      }
      callback();
    }, delay);
  };
};

const startTimer = chainMaker();

startTimer('t1', 280, () => console.log('cb t1'));
startTimer('t2', 1200, () => console.log('cb t2'));
startTimer('t3', 910, () => console.log('cb t3'));

[historydev]

Сергей Соколов, ААА!! Вот я дурак, да, так и хотел, спасибо!