summaryrefslogtreecommitdiff
path: root/packages/frontend/src/scripts/use-interval.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/scripts/use-interval.ts')
-rw-r--r--packages/frontend/src/scripts/use-interval.ts24
1 files changed, 24 insertions, 0 deletions
diff --git a/packages/frontend/src/scripts/use-interval.ts b/packages/frontend/src/scripts/use-interval.ts
new file mode 100644
index 0000000000..201ba417ef
--- /dev/null
+++ b/packages/frontend/src/scripts/use-interval.ts
@@ -0,0 +1,24 @@
+import { onMounted, onUnmounted } from 'vue';
+
+export function useInterval(fn: () => void, interval: number, options: {
+ immediate: boolean;
+ afterMounted: boolean;
+}): void {
+ if (Number.isNaN(interval)) return;
+
+ let intervalId: number | null = null;
+
+ if (options.afterMounted) {
+ onMounted(() => {
+ if (options.immediate) fn();
+ intervalId = window.setInterval(fn, interval);
+ });
+ } else {
+ if (options.immediate) fn();
+ intervalId = window.setInterval(fn, interval);
+ }
+
+ onUnmounted(() => {
+ if (intervalId) window.clearInterval(intervalId);
+ });
+}