Algoritmalar (animasyon)Tarayıcınızda çalışırİnceleme tarihi: 1 Ekim 2026

Debounce animasyonu

Debounce animasyonu. Ön yüz için animasyonlu algoritmalar: sıralama, arama, debounce ve throttle, olay döngüsü, sanal DOM, önbellek, trie ve yol bulma. Tarayıcınızda hızlı, gizli ve kullanımı kolay.

Yerelvarsayılan olarak gizliHızlıüyelik gerekmez

Aşağıdaki aracın düğmeleri ve metinleri şimdilik İngilizcedir.

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