blob: 3c5b561f51550a2ee5f68b5cba6b6e2d286d1806 (
plain)
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
|
/*
* SPDX-FileCopyrightText: syuilo and misskey-project
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { ref, readonly, computed } from 'vue';
const time = ref(Date.now());
export const TIME_UPDATE_INTERVAL = 10000; // 10秒
/**
* 精度が求められないが定期的に更新しないといけない時計で使用（10秒に一度更新）。
* tickを各コンポーネントで行うのではなく、ここで一括して行うことでパフォーマンスを改善する。
*
* ※ マウント前の時刻を返す可能性があるため、通常は`useLowresTime`を使用する
*/
export const lowresTime = readonly(time);
/**
* 精度が求められないが定期的に更新しないといけない時計で使用（10秒に一度更新）。
* tickを各コンポーネントで行うのではなく、ここで一括して行うことでパフォーマンスを改善する。
*
* 必ず現在時刻以降を返すことを保証するコンポーサブル
*/
export function useLowresTime() {
// lowresTime自体はマウント前の時刻を返す可能性があるため、必ず現在時刻以降を返すことを保証する
const now = Date.now();
return computed(() => Math.max(time.value, now));
}
window.setInterval(() => {
time.value = Date.now();
}, TIME_UPDATE_INTERVAL);
|
