Throttle with a trailing call

Javascript

Runs at most once per interval but still fires once more after the last event, so the final state is never dropped.

function throttle(fn, wait = 100) {
  let last = 0;
  let timer;
  return (...args) => {
    const now = Date.now();
    const remaining = wait - (now - last);
    clearTimeout(timer);
    if (remaining <= 0) {
      last = now;
      fn(...args);
    } else {
      timer = setTimeout(() => { last = Date.now(); fn(...args); }, remaining);
    }
  };
}

Download

JavaScript timing events scroll chris

More in JavaScript

Fetch with a timeout JavaScript fetch has no timeout of its own. AbortSignal.timeout is the short way to give it one. Copy text to the clipboard JavaScript The modern API needs a secure context and a real user gesture, so the failure path matters as much as the success one. Group an array by a key JavaScript Object.groupBy is available in current runtimes; the reduce version is the fallback for older ones. Run promises with a concurrency limit JavaScript Keeps a fixed number of jobs in flight rather than firing a thousand requests at once. Debounce without pulling in a library JavaScript Twelve lines covering the case most projects add a dependency for, including cancelling a call that has not fired yet. Retry a fetch with exponential backoff JavaScript Backs off on each failure and adds jitter, so a recovering service is not hit by every client at the same moment. Format a number as currency JavaScript Intl handles the symbol, the separators and the decimal places for the locale, so you never hand-roll them. Deep clone a value JavaScript structuredClone handles Dates, Maps, Sets and cycles, which JSON round-tripping quietly destroys.

Random picks

Visually hidden, still read aloud Web & CSS Hides a label from sight while leaving it in the accessibility tree. display:none would remove it from both. Find the commit that introduced a bug Git Binary search across history. Mark a known good and a known bad commit and git narrows it down for you. RAII file handling in C++ Systems The stream closes itself when it leaves scope, whether the function returns normally or throws. Extract matches with a regular expression Text Processing grep -o prints only the matching part, which turns grep into a crude extractor. Search the whole history for a string Git Finds every commit whose diff added or removed a piece of text, including in files long since deleted. Serve the current directory over HTTP Shell Three ways to put a folder on localhost when you need to test something quickly. Safe navigation and fetch in Ruby Ruby &. stops at nil; fetch raises rather than returning nil when a key is genuinely required. Check a malloc result in C Systems The allocation that nobody checks is the one that fails in production.