mirror of
https://github.com/hcengineering/platform.git
synced 2025-04-21 07:46:24 +00:00
28 lines
608 B
Svelte
28 lines
608 B
Svelte
<script lang="ts">
|
|
import { onDestroy } from 'svelte'
|
|
|
|
let hours = ''
|
|
let minutes = ''
|
|
let delimiter = false
|
|
|
|
function updateTime () {
|
|
const date = new Date()
|
|
const h = date.getHours()
|
|
hours = h < 10 ? `0${h}` : h.toString()
|
|
const m = date.getMinutes()
|
|
minutes = m < 10 ? `0${m}` : m.toString()
|
|
delimiter = !delimiter
|
|
}
|
|
|
|
const interval = setInterval(updateTime, 500)
|
|
updateTime()
|
|
|
|
onDestroy(() => clearInterval(interval))
|
|
</script>
|
|
|
|
<div>
|
|
<span>{hours}</span>
|
|
<span style="visibility: {delimiter ? 'visible' : 'hidden'}">:</span>
|
|
<span>{minutes}</span>
|
|
</div>
|