Web Developer

✅ Debouncing function in Javascript.

Debouncing makes sure that a function doesn't run too often in a short period of time.

// Debouncing util
function debounce(func, wait) {

  let timeout;

  return function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), wait);
  };
}

// Usage
const handleResize = debounce(() => {
  console.log('Resize event');
}, 300);

window.addEventListener('resize', handleResize);

www.tgoop.com/Web_developerszz/276

6.5K viewsKY, Jul 4, 2024 at 02:30

✅ Debouncing function in Javascript.

Debouncing makes sure that a function doesn't run too often in a short period of time.

// Debouncing util
function debounce(func, wait) {

  let timeout;

  return function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), wait);
  };
}

// Usage
const handleResize = debounce(() => {
  console.log('Resize event');
}, 300);

window.addEventListener('resize', handleResize);

BY Web Developer