Как установить только один setTimeout?

Question

[Александр]

Есть необходимость установить таймер для возврата на главную страницу сайта, сайт на AJAX + JQ и поэтому простой редирект не катит.
Есть 5 кнопок, которые подгружают контент, при нажатии на каждую устанавливается таймер:

setTimeout(
				function() {
					menu('main');
					$('#just-tab-1').tab('show');
					
					console.log('ВОЗВРАТ НА ГЛАВНУЮ!!!!!!!!!!!!!!!!!');
				} , 10000);

Да работает, вот только если 5 раз нажать - то и выполнится 5 раз - логично... Как установить только 1? Как удалять старые таймеры и устанавливать только 1 новый?

Answer 1

[Владимир]

https://learn.javascript.ru/settimeout-setinterval

Comments

[Александр]

Спасибо, гуглить умею. clearTimeout не помогает ибо ID таймеров генерируются у меня не по порядку (Он не 1 и даже не 2) и точно не понятно какой ID к каком таймеру

[Владимир]

Александр, Не нужно его инкрементировать, нужно сохранять в глобальную переменную предыдущий

[Hea7en]

Задай переменную с id от setTimeout и при каждом нажатии проверяй, что она есть. Если есть, то вызови clearTimeout.

Примерно должно выглядеть так:

var timerId;
  $('.my-button').click(function() {
    timerId = setTimeout(function() {
      if (timerId) {
        clearTimeout(timerId);
        timerId = undefined;
      }
      menu('main');
      $('#just-tab-1').tab('show');
    }, 10000)
  })

[Александр]

Hea7en, Да спасибо, я уже сделал =)