-
Notifications
You must be signed in to change notification settings - Fork 0
/
RAF实现定时器.js
38 lines (38 loc) · 832 Bytes
/
RAF实现定时器.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
const RAF = {
timeoutTimer: null,
intervalTimer: null,
setTimeout: (cb, time) => {
const now = Date.now;
let start = now();
let end = start;
const loop = () => {
this.timeoutTimer = requestAnimationFrame(loop);
end = now();
if (end - start >= time) {
cb();
cancelAnimationFrame(this.timeoutTimer);
}
};
this.timeoutTimer = requestAnimationFrame(loop);
this.timeoutTimer;
},
setInterval: (cb, time) => {
const now = Date.now;
let start = now();
let end = start;
const loop = () => {
this.intervalTimer = requestAnimationFrame(loop);
end = now();
if (end - start >= time) {
cb();
start = now();
end = start;
}
};
this.intervalTimer = requestAnimationFrame(loop);
return this.intervalTimer;
},
clearTimer: (timer) => {
cancelAnimationFrame(timer);
}
};