simple throttle demo by timrchen

throttle-demo.js

const $box = document.querySelector(".mouse-move-box");

let timer = null;

const options = {
  capture: false
};

const listener = e => {
  const { x, y } = e;
  const str = `x: ${x}, y: ${y}`;
  console.log(str);
};

function throttle(fn, wait) {
  let start = Date.now();
  return e => {
    if (Date.now() - start >= wait) {
      clearTimeout(timer)
      timer = setTimeout(fn.bind(this, e), wait);
      start = Date.now()
    }
  };
}

const wait = 100;

$box.addEventListener("mousemove", throttle(listener, wait), options);