Как вызвать функцию только один раз?

Question

[Higrok]

Здравствуйте, код ниже вызывает setTimeout столько раз, сколько пользователь кликнул на элемент, но задача заключается в том, чтобы после полного выполнения setTimeout, единожды вызвать функцию, а не столько раз, сколько захотел пользователь. Как это сделать?

game_start() {
		const arr_bet = [];

		for ( let bet of this.bet ) {
			bet.addEventListener('click', (e) => {
				const bet_value = e.target;

				arr_bet.push(Number(bet_value.innerText));

				const bet = arr_bet.reduce((sum, current) => {
					return sum + current;
				}, 0);

				console.log(bet);

				setTimeout((e) => {
					this.active[0].classList.add('hidden');
					this.active[1].classList.add('hidden');
					
					console.log('end');
                                        // Здесь по идее должна вызываться функция.
				}, 10000);
			})
		}
	}

Answer 1

[Alex]

Сделайте какой-то флаг. Который по-умолчанию false. При каждом выполнении проверяйте этот флаг, если от всё ещё false-- выполнить функцию в которой флаг переключается на true

Comments

[Higrok]

Не совсем то, что мне нужно.

Если быть точнее, то элемент для нажатия должен быть доступен в течении 10 следующих секунд после первого нажатия, но при таком раскладе, setTimeout запускается столько же раз, сколько и было нажатий, но его нужно выполнять только один раз, или же придумать аналог, как можно вызвать функцию единожды после выполнения setTimeout.

[Alex]

Higrok, О_о

[G F]

ну самый простой способ добавить флаг и обернуть тестаймаут в иф.
условно:
isFirstClick = true // в замыкании
// в фукнции
if (isFirstClick) {
settimeout
}
isFirstClick = false

ну это костыль конечно

[Alex]

Higrok, Обновил ответ

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

Типа:

game_start() {
    const arr_bet = [];

    for ( let bet of this.bet ) {
      bet.addEventListener('click', (e) => {
        const bet_value = e.target;

        arr_bet.push(Number(bet_value.innerText));

        const bet = arr_bet.reduce((sum, current) => {
          return sum + current;
        }, 0);

        console.log(bet);

        this.inited || setTimeout((e) => {
          this.active[0].classList.add('hidden');
          this.active[1].classList.add('hidden');
          
          console.log('end');
                                        // Здесь по идее должна вызываться функция.
        }, 10000);

        this.inited=1;
      })
    }
  }