SetTimeout update?

Question

[Игорь]

Суть вопроса такова что есть список товаров где присутствует кнопка удаление и при каждом ее клике появляется кнопка отмены предыдущего удаления товара. В общем проблема в том что каждый раз при удаление запускается функция с таймаутом которая через 10 секунд скрывает эту кнопку. Из-за недоработки кода предыдущий запуск функции с дизпатчем скрывает ее по истечению 10 секунд. Нужно что бы при каждом удаление счетчик скрытия кнопки снова начинал отсчет из 10 секунд.

Comments

[OVK2015]

Так выводите ссылку на Timeout в глобальную переменную/массив. И сбрасывайте/удаляйте ее по событиям

Answer 1

[xutesayor]

Похоже вам нужен debounce

Answer 2

[Stalker_RED]

let btnUndelete = document.querySelector('.btn-undelete')
let undeleteHideTimer = null

function showBtn(){
  if (undeleteHideTimer) clearTimeout(undeleteHideTimer) // сбрасываем предыдущий таймер
  undeleteHideTimer = setTimeout(hideBtn, 10000) // ставим новый
  btnUndelete.styleList.add('visible')
}
function hideBtn(){
  btnUndelete.styleList.remove('visible')
}

Answer 3

[Игорь]

спасибо, то что нужно stackoverflow.com/questions/23123138/perform-debou...