RevelaNetwork/RevelaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[🔨] Cleaned up clock module

Browse source
This commit is contained in:
ThinLiquid 2023-10-17 02:47:44 +01:00
parent a7291d6fbd
commit c196296f6e
1 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/modules/clock.ts
View file

@ -6,14 +6,17 @@ 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.flexDirection = 'column'
element.style.padding = '5px 10px'
element.style.fontSize = '12.5px'
element.style.justifyContent = 'center'
const refreshDate = (): any => { const refreshDate = (): string => {
const split = date.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' }).split(',') const split = date.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' }).split(',')
return `<i>${split[0]}</i>,${split[1]} ` return `<i>${split[0]}</i>,${split[1]} `
} }
const refreshClock = (): any => { const refreshClock = (): string => {
return date.toLocaleTimeString('en-US', { hour12: false, hour: 'numeric', minute: 'numeric' }) return date.toLocaleTimeString('en-US', { hour12: false, hour: 'numeric', minute: 'numeric' })
} }
@ -24,15 +27,8 @@ export const run = (element: HTMLDivElement): void => {
setInterval(() => { setInterval(() => {
date = new Date() date = new Date()
const date_: string = refreshDate() const clock = refreshClock()
element.innerHTML = `${date_} <br><span id="time">, </span>` const date_ = refreshDate()
}, 1000) element.innerHTML = `${clock}<div>${date_}</div>`
setInterval(() => {
date = new Date()
const clock: string = refreshClock()
const time = document.getElementById('time')
if (time !== null) {
time.innerText = ` | ${clock}`
}
}, 1000) }, 1000)
} }