Algorithmes (animations)Fonctionne dans votre navigateurVérifié le 1 octobre 2026

Debounce : animation

Debounce : animation. Algorithmes animés pour le front-end : tri, recherche, debounce et throttle, boucle d’événements, DOM virtuel, caches, trie et recherche de chemin. Rapide, privé et facile à utiliser dans votre navigateur.

Localprivé par défautRapidesans inscription

Les commandes de l’outil ci-dessous sont pour l’instant en anglais.

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...