Алгоритмдер (анимация)Браузеріңізде жұмыс істейдіТексерілген күні: 2026 ж. 1 қазан

Throttle: анимация

Throttle: анимация. Фронтенд үшін анимациялы алгоритмдер: сұрыптау, іздеу, debounce және throttle, event loop, виртуалды DOM, кэш, trie және жол іздеу. Браузеріңізде жылдам, құпия және оңай.

Жергіліктіәдепкіде құпияЖылдамтіркелу қажет емес

Төмендегі құралдың батырмалары мен мәтіндері әзірге ағылшын тілінде.

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

Wait (ms)User events

Events

Cooldown

fn() runs

0ms500ms1000ms1500ms2000ms2500ms3000ms

Now: 0 ms

Step 1 / 10

A throttled function runs at most once every 300 ms. Events that arrive during the cooldown are ignored.

JavaScript

1function throttle(fn, wait) {
2  let last = 0;
3  return (...args) => {
4    const now = Date.now();
5    if (now - last >= wait) {
6      last = now;
7      fn(...args);
8    }
9  };
10}

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

Loading animation...