diff --git a/src/modules/clock.ts b/src/modules/clock.ts index 0223006..7affbcd 100644 --- a/src/modules/clock.ts +++ b/src/modules/clock.ts @@ -7,5 +7,32 @@ export const meta = { export const run = (element: HTMLDivElement): void => { element.style.display = 'flex' element.style.alignItems = 'center' - element.innerText = '9:41 AM\n10/14/2023' + + const refreshDate = (): any => { + const split = date.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' }).split(',') + return `${split[0]},${split[1]} ` + } + + const refreshClock = (): any => { + return date.toLocaleTimeString('en-US', { hour12: false, hour: 'numeric', minute: 'numeric' }) + } + + let date: Date = new Date() + + refreshDate() + refreshClock() + + setInterval(() => { + date = new Date() + const date_: string = refreshDate() + element.innerHTML = `${date_}
, ` + }, 1000) + setInterval(() => { + date = new Date() + const clock: string = refreshClock() + const time = document.getElementById('time') + if (time !== null) { + time.innerText = ` | ${clock}` + } + }, 1000) }