[🔥] 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 => {
|
||||
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 `<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