您如何每隔几个车轮滴答声或每隔几秒调用一次车轮 function？

Question

我是 JavaScript 的新手，并设法进行了此轮事件，但它不断触发，这将使我进入另一个元素并滚动到下一个元素，因为我正在使用nextElementSibling 。

我已经尝试过限制它，但到目前为止还没有成功，因为我在 JS 方面还不够好并且想了解更多信息。

var scrollableElement = document.querySelector('body');

scrollableElement.addEventListener('wheel', findScrollDirectionOtherBrowsers);

function findScrollDirectionOtherBrowsers(event) {
  var delta;
  var aktiv = document.querySelector('.swap');

  if (event.wheelDelta) {
    delta = event.wheelDelta;
  } else {
    delta = -1 * event.deltaY;
  }

  if (delta < 0) {
    aktiv.nextElementSibling.classList.toggle('swap')
    aktiv.classList.toggle('swap')
  } else if (delta > 0) {
    aktiv.previousElementSibling.classList.toggle('swap')
    aktiv.classList.toggle('swap')
  }
}

因此，只要 function 至少在 2 秒前被触发或被触发 3-4 次，结果就应该 toggle.swap。 这就是我所期望的，但也许您可能对我有更好的解决方案？ 太棒了：非常感谢您的帮助！ :)

Answer 1

我只是添加了一个计数器来实现它。 到目前为止工作正常。

var scrollableElement = document.querySelector('body');
//new
var i = 0;

scrollableElement.addEventListener('wheel', findScrollDirectionOtherBrowsers);

function findScrollDirectionOtherBrowsers(event) {
  var delta;
  var aktiv = document.querySelector('.swap');

  if (event.wheelDelta) {
    delta = event.wheelDelta;
    //new
    i++;
  } else {
    delta = -1 * event.deltaY;
  }
  //new && i > 15 and set back to 0
  if (delta < 0 && i > 15) {
    i = 0;
    aktiv.nextElementSibling.classList.toggle('swap')
    aktiv.classList.toggle('swap')
  //new && i > 15 and set back to 0
  } else if (delta > 0 && i > 15) {
    i = 0;
    aktiv.previousElementSibling.classList.toggle('swap')
    aktiv.classList.toggle('swap')
  }
}