[🔥] Fix Clock
Fixes the clock to make it actually work, uses Date first and British/Military time
This commit is contained in:
parent
3d80a75c72
commit
570f025515
1 changed files with 28 additions and 1 deletions
|
|
@ -7,5 +7,32 @@ export const meta = {
|
||||||
export const run = (element: HTMLDivElement): void => {
|
export const run = (element: HTMLDivElement): void => {
|
||||||
element.style.display = 'flex'
|
element.style.display = 'flex'
|
||||||
element.style.alignItems = 'center'
|
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 `<i>${split[0]}</i>,${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_} <br><span id="time">, </span>`
|
||||||
|
}, 1000)
|
||||||
|
setInterval(() => {
|
||||||
|
date = new Date()
|
||||||
|
const clock: string = refreshClock()
|
||||||
|
const time = document.getElementById('time')
|
||||||
|
if (time !== null) {
|
||||||
|
time.innerText = ` | ${clock}`
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue