usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

perf(frontend): use setInterval instead of setTimeout chain in MkTime

This commit is contained in:
tamaina 2023-06-09 03:51:28 +00:00
parent 88083925ce
commit 2f5efdd169
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/components/global/MkTime.vue
View File

@ -9,7 +9,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import isChromatic from 'chromatic/isChromatic'; import isChromatic from 'chromatic/isChromatic';
import { onUnmounted } from 'vue'; import { onMounted, onUnmounted } from 'vue';
import { i18n } from '@/i18n'; import { i18n } from '@/i18n';
import { dateTimeFormat } from '@/scripts/intl-const'; import { dateTimeFormat } from '@/scripts/intl-const';
@ -49,17 +49,22 @@ const relative = $computed<string>(() => {
let tickId: number; let tickId: number;
function tick() { function tick() {
now = props.origin ?? (new Date()).getTime(); const _now = (new Date()).getTime();
const ago = (now - _time) / 1000/*ms*/; const ago = (_now - _time) / 1000/*ms*/;
const next = ago < 60 ? 10000 : ago < 3600 ? 60000 : 180000; const next = ago < 60 ? 10000 : ago < 3600 ? 60000 : 180000;
tickId = window.setTimeout(tick, next); if (_now - now > next) {
now = _now;
}
} }
if (props.mode === 'relative' || props.mode === 'detail') { if (!invalid && (props.mode === 'relative' || props.mode === 'detail' || props.origin === null)) {
tick(); onMounted(() => {
tick();
tickId = window.setInterval(tick, 10000);
});
onUnmounted(() => { onUnmounted(() => {
window.clearTimeout(tickId); if (tickId) window.clearInterval(tickId);
}); });
} }
</script> </script>