2023-07-27 14:31:52 +09:00
|
|
|
/*
|
2024-02-14 00:50:11 +09:00
|
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
2023-07-27 14:31:52 +09:00
|
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
*/
|
|
|
|
|
2024-01-20 21:23:33 +09:00
|
|
|
import { onActivated, onDeactivated, onMounted, onUnmounted } from 'vue';
|
2022-06-26 03:12:58 +09:00
|
|
|
|
|
|
|
export function useInterval(fn: () => void, interval: number, options: {
|
|
|
|
immediate: boolean;
|
|
|
|
afterMounted: boolean;
|
2023-01-05 03:28:25 +09:00
|
|
|
}): (() => void) | undefined {
|
2022-07-02 22:07:04 +09:00
|
|
|
if (Number.isNaN(interval)) return;
|
|
|
|
|
2022-06-26 03:12:58 +09:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2023-01-05 03:28:25 +09:00
|
|
|
const clear = () => {
|
2022-06-26 03:12:58 +09:00
|
|
|
if (intervalId) window.clearInterval(intervalId);
|
2023-01-05 03:28:25 +09:00
|
|
|
intervalId = null;
|
|
|
|
};
|
|
|
|
|
2024-01-20 21:23:33 +09:00
|
|
|
onActivated(() => {
|
|
|
|
if (intervalId) return;
|
|
|
|
if (options.immediate) fn();
|
|
|
|
intervalId = window.setInterval(fn, interval);
|
|
|
|
});
|
|
|
|
|
|
|
|
onDeactivated(() => {
|
|
|
|
clear();
|
|
|
|
});
|
|
|
|
|
2023-01-05 03:28:25 +09:00
|
|
|
onUnmounted(() => {
|
|
|
|
clear();
|
2022-06-26 03:12:58 +09:00
|
|
|
});
|
2023-01-05 03:28:25 +09:00
|
|
|
|
|
|
|
return clear;
|
2022-06-26 03:12:58 +09:00
|
|
|
}
|