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

Question

[Диас Галымбек]

const box = document.querySelector('.box');

box.addEventListener('wheel', (e) => {
  console.log(e.deltaY);
});

Хотелось бы чтобы при прокрутке колесика мышки console.log срабатывал 1раз в секунду.

Comments

[Сергей delphinpro]

https://yandex.ru/search/?text=javascript+debounce

Answer 1

[Надим]

Это делается достаточно просто, если уметь работать с промисами, обработчиками событий и циклами:

(async function() {

    while (true) {

        await new Promise(function(s) { document.addEventListener('scroll', s, { 'once': true }); });
    
        console.log('Зафиксирован скрол страницы, ждем секунду перед следующий фиксацией...');
    
        await new Promise(function(s) { setTimeout(s, 1000); });
    
    }

})();

Comments

[Александр]

Throttle стоит в сторонке?

[Надим]

Александр, да нет, просто еще один вариант способ выполнить задачу. Путей к цели миллион.