We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent bc2d30c commit 5762c9aCopy full SHA for 5762c9a
documentation/examples/20-7guis/04-7guis-timer/App.svelte
@@ -1,25 +1,27 @@
1
<!-- https://eugenkiss.github.io/7guis/tasks#timer -->
2
3
<script>
4
- import { onDestroy } from 'svelte';
+ import { onMount } from 'svelte';
5
6
let elapsed = 0;
7
let duration = 5000;
8
9
let last_time = window.performance.now();
10
let frame;
11
12
- (function update() {
+ const update = () => {
13
frame = requestAnimationFrame(update);
14
15
const time = window.performance.now();
16
elapsed += Math.min(time - last_time, duration - elapsed);
17
18
last_time = time;
19
- })();
+ };
20
21
- onDestroy(() => {
22
- cancelAnimationFrame(frame);
+ onMount(() => {
+ update()
23
+
24
+ return () => cancelAnimationFrame(frame)
25
});
26
</script>
27
0 commit comments