diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 14:36:33 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-27 14:36:33 +0900 |
| commit | 9384f5399da39e53855beb8e7f8ded1aa56bf72e (patch) | |
| tree | ce5959571a981b9c4047da3c7b3fd080aa44222c /packages/client/src/components/MkDigitalClock.vue | |
| parent | wip: retention for dashboard (diff) | |
| download | misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.gz misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.tar.bz2 misskey-9384f5399da39e53855beb8e7f8ded1aa56bf72e.zip | |
rename: client -> frontend
Diffstat (limited to 'packages/client/src/components/MkDigitalClock.vue')
| -rw-r--r-- | packages/client/src/components/MkDigitalClock.vue | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/packages/client/src/components/MkDigitalClock.vue b/packages/client/src/components/MkDigitalClock.vue deleted file mode 100644 index 9ed8d63d19..0000000000 --- a/packages/client/src/components/MkDigitalClock.vue +++ /dev/null @@ -1,77 +0,0 @@ -<template> -<span class="zjobosdg"> - <span v-text="hh"></span> - <span class="colon" :class="{ showColon }">:</span> - <span v-text="mm"></span> - <span v-if="showS" class="colon" :class="{ showColon }">:</span> - <span v-if="showS" v-text="ss"></span> - <span v-if="showMs" class="colon" :class="{ showColon }">:</span> - <span v-if="showMs" v-text="ms"></span> -</span> -</template> - -<script lang="ts" setup> -import { onUnmounted, ref, watch } from 'vue'; - -const props = withDefaults(defineProps<{ - showS?: boolean; - showMs?: boolean; - offset?: number; -}>(), { - showS: true, - showMs: false, - offset: 0 - new Date().getTimezoneOffset(), -}); - -let intervalId; -const hh = ref(''); -const mm = ref(''); -const ss = ref(''); -const ms = ref(''); -const showColon = ref(false); -let prevSec: number | null = null; - -watch(showColon, (v) => { - if (v) { - window.setTimeout(() => { - showColon.value = false; - }, 30); - } -}); - -const tick = () => { - const now = new Date(); - now.setMinutes(now.getMinutes() + (new Date().getTimezoneOffset() + props.offset)); - hh.value = now.getHours().toString().padStart(2, '0'); - mm.value = now.getMinutes().toString().padStart(2, '0'); - ss.value = now.getSeconds().toString().padStart(2, '0'); - ms.value = Math.floor(now.getMilliseconds() / 10).toString().padStart(2, '0'); - if (now.getSeconds() !== prevSec) showColon.value = true; - prevSec = now.getSeconds(); -}; - -tick(); - -watch(() => props.showMs, () => { - if (intervalId) window.clearInterval(intervalId); - intervalId = window.setInterval(tick, props.showMs ? 10 : 1000); -}, { immediate: true }); - -onUnmounted(() => { - window.clearInterval(intervalId); -}); -</script> - -<style lang="scss" scoped> -.zjobosdg { - > .colon { - opacity: 0; - transition: opacity 1s ease; - - &.showColon { - opacity: 1; - transition: opacity 0s; - } - } -} -</style> |