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

Question

[MeMoJlor]

Есть такой скрипт:

document.querySelectorAll('.button').forEach(item => item.addEventListener('click', _=> {
      document.querySelector('.next').classList.toggle('active');}))

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

Answer 1

[MeMoJlor]

Ответ:

document.querySelectorAll('.button').forEach(item => 
   item.addEventListener('click', _=> {
      document.querySelector('.next').classList.add('active');
      setTimeout( () => { document.querySelector('.next').classList.remove('active) }, 5000 )  
   })
)

Вот только автор ответа почему то удалил свой ответ.

Answer 2

[Loli E1ON]

document.querySelectorAll('.button').forEach(item => {
     item.addEventListener('click', e => {
      const node = document.querySelector('.next');

      node.classList.add('active');

      setTimeout(() => node.classList.remove('active'), 5000); 
   });
});