Как повторно использовать setTimeout?

Question

[edshander]

Здравствуйте! Подскажите, пожалуйста как сделать чтобы при повторно клике setTimeout снова отрабатывал? Сейчас при первом клике, всё работает как надо, но на повторный таймаут не срабатывает

const defaultText = (el, defaultText) => {
    el.textContent = defaultText;
    el.classList.remove('btn-promo--success');
  }

  btnPromo.forEach(el => {
    el.addEventListener('click', async (event) => {
      event.preventDefault();
      try {
        let textBtn = el.textContent;
        let promo = el.querySelector('.promo').innerHTML;
        el.textContent = 'Промокод скопирован!';
        let timeoutText = setTimeout(defaultText, 1000, el, textBtn);
        el.classList.add('btn-promo--success');
        navigator.clipboard.writeText(promo);
      } catch {
        console.log('Не удалось скопировать')
      }
    });
  })

Answer 1

[HardBot]

let timeoutText; // за событие клика вынеси
clearTimeout(timeoutText);
timeoutText = setInterval();

Comments

[edshander]

Я правильно понимаю, что так поправить нужно?

btnPromo.forEach(el => {
    let timeoutText;

    el.addEventListener('click', async (event) => {
      event.preventDefault();
      try {
        let textBtn = el.textContent;
        let promo = el.querySelector('.promo').innerHTML;
        el.textContent = 'Промокод скопирован!';
        clearTimeout(timeoutText);
        timeoutText = setTimeout(defaultText, 1000, el, textBtn);
        el.classList.add('btn-promo--success');
        navigator.clipboard.writeText(promo);
      } catch {
        console.log('Не удалось скопировать');
      }
    });
  });

Также не работает( clearTimeout почему-то не срабатывает
По идее же при каждом клике должен сбрасываться setTimeout и задаваться новый, но это не работает клик как будто одноразовый)

[HardBot]

edshander, сейчас проверю

[HardBot]

edshander, так он у тебя работает даже без очистки. Что конкретно не так?

[HardBot]

edshander,

[edshander]

HardBot, Как оказалось проблема не в таймере. После клика значение promo становится undefined и поэтому повторный клик не работает как надо. Сейчас не могу разобраться, как сделать так чтобы значение в promo при клике не стиралось

[edshander]

HardBot, Всё я разобрался, хоть проблема и была не изначально в том, чём я думал всё равно большое вам спасибо за помощь!

[HardBot]

edshander, исправил. Высше codepan