From 697836c17cc41ee8dff7d4daca51a89d9b0bd319 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Wed, 4 Jan 2023 08:54:54 +0900
Subject: [PATCH] perf(client): improve MkTime performance
---
packages/frontend/src/components/global/MkTime.vue | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/packages/frontend/src/components/global/MkTime.vue b/packages/frontend/src/components/global/MkTime.vue
index 0bbb0f5399..704e6d0de0 100644
--- a/packages/frontend/src/components/global/MkTime.vue
+++ b/packages/frontend/src/components/global/MkTime.vue
@@ -37,12 +37,13 @@ const relative = $computed(() => {
});
function tick() {
- // TODO: パフォーマンス向上のため、このコンポーネントが画面内に表示されている場合のみ更新する
now = new Date();
+ const ago = (now.getTime() - _time.getTime()) / 1000/*ms*/;
+ const next = ago < 60 ? 10000 : ago < 3600 ? 60000 : 180000;
tickId = window.setTimeout(() => {
window.requestAnimationFrame(tick);
- }, 10000);
+ }, next);
}
let tickId: number;