1 | import { useEffect } from 'react';
|
2 | import useCommittedRef from './useCommittedRef';
|
3 | function useRafInterval(fn, ms, paused = false) {
|
4 | let handle;
|
5 | let start = new Date().getTime();
|
6 | const fnRef = useCommittedRef(fn);
|
7 |
|
8 |
|
9 | const pausedRef = useCommittedRef(paused);
|
10 | function loop() {
|
11 | const current = new Date().getTime();
|
12 | const delta = current - start;
|
13 | if (pausedRef.current) return;
|
14 | if (delta >= ms && fnRef.current) {
|
15 | fnRef.current();
|
16 | start = new Date().getTime();
|
17 | }
|
18 | cancelAnimationFrame(handle);
|
19 | handle = requestAnimationFrame(loop);
|
20 | }
|
21 | useEffect(() => {
|
22 | handle = requestAnimationFrame(loop);
|
23 | return () => cancelAnimationFrame(handle);
|
24 | }, []);
|
25 | }
|
26 | export default useRafInterval; |
\ | No newline at end of file |