How to port/create a sweep clock module from existing html/js/css code

sdetweil

@nirvana Date should work.

make sure the css labels line up w the code

did u pass the css file back on getStyles?

you should be able to see all that in the developers window

ctrl-shift-i
elements tab will let u see the dom and elements
console any messages
source the code for your module, and u can step thru it

see
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1631634934084

nirvana

@sdetweil I tried but not working, I think something is missing.

Anyways, I am just using the default analog clock for now. Thanks for all help. I may try it sometime later.

sdetweil

@nirvana yeh, the code needs to change

window.addEventListener('DOMContentLoaded', () => {
    firstMinute()
})

this will never occur, cause it happened a long time ago in MM web page being loaded
u could use notification of DomObjectsCreated to call firstMinute()

I don’t know if this is right in MM

document.addEventListener("visibilitychange", () => {

its the difference between having the whole page to yourself and sharing the space with other modules

mumblebaj

@nirvana You can have a go at my module I created for this.

MMM-SweepClock

Works fine. Any issues please raise on the modules git page and I will have a look for you.

nirvana

@mumblebaj Works perfectly! Thanks for your time!

I also tried but could not make this work, but edited the default MM clock to contain sweep seconds.