#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/events/throttling-events

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░████████████████████████████████████████████████████████████████

#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/events/throttling-events

Repovive

Throttling Events - Events | JavaScript | Repovive

Repovive.

JavaScript22 sections · 783 units18h total

Open in Course

Throttling Events

Limit handler rate

Throttling ensures a handler runs at most once per time period. Use for scroll or resize.

let lastRun = 0;
window.addEventListener("scroll", () => {
  if (Date.now() - lastRun > 100) {
    lastRun = Date.now();
    handleScroll();
  }
});

This runs at most every $100$ ms, no matter how often scroll fires.