A lightweight debounce function to delay execution of a given callback until after a specified delay in milliseconds. Commonly used in scroll, resize, search input, or canvas-related event handling to avoid performance issues from rapid firing.

Debounce.js

// Debounce function to limit how often a function is executed
function debounce(fn, delay) {
  let timeout;
  return (...args) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => fn(...args), delay);
  };
}

// Usage
window.addEventListener('resize', debounce(() => {
  console.log('Window resized!');
}, 300));