Algoritmos (animaciones)Funciona en tu navegadorRevisado el 1 de octubre de 2026

Debounce: animación

Debounce: animación. Algoritmos animados para front-end: ordenación, búsqueda, debounce y throttle, bucle de eventos, DOM virtual, cachés, trie y búsqueda de rutas. Rápido, privado y fácil de usar en tu navegador.

Localprivado por defectoRápidosin registro

Los controles de la herramienta que aparece abajo todavía están en inglés.

Timing and eventsTime: O(1) per eventSpace: O(1)

Wait (ms)User events

Events

Timer

fn() runs

0ms500ms1000ms1500ms2000ms2500ms3000ms

Now: 0 ms

Step 1 / 12

A debounced function waits until events stop for 300 ms, then runs once. Each new event cancels the old timer.

JavaScript

1function debounce(fn, wait) {
2  let timer;
3  return (...args) => {
4    clearTimeout(timer);
5    timer = setTimeout(() => fn(...args), wait);
6  };
7}

Tip: use the arrow keys to step and the space bar to play or pause.

Loading animation...