• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

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

Scheduled Pinned Locked Moved Solved Requests
12 Posts 4 Posters 2.1k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • N Offline
    nirvana @sdetweil
    last edited by Sep 14, 2021, 3:13 PM

    @sdetweil ok thank you very much

    will go through them and try to build the module

    1 Reply Last reply Reply Quote 0
    • N Offline
      nirvana @sdetweil
      last edited by Sep 14, 2021, 3:28 PM

      @sdetweil It is working but only showing the svg image of the clock face without hour/minute hands.

      I think the time elements are not called using moment.js

      The script uses new Date() to get the time. how to tell scipt.js to use moment.js call to get the time instead

      S 1 Reply Last reply Sep 14, 2021, 3:56 PM Reply Quote 0
      • S Offline
        sdetweil @nirvana
        last edited by sdetweil Sep 14, 2021, 4:02 PM Sep 14, 2021, 3:56 PM

        @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

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        N 1 Reply Last reply Sep 14, 2021, 4:56 PM Reply Quote 0
        • N Offline
          nirvana @sdetweil
          last edited by Sep 14, 2021, 4:56 PM

          @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. u1.png u2.png

          S M 2 Replies Last reply Sep 14, 2021, 5:13 PM Reply Quote 0
          • S Offline
            sdetweil @nirvana
            last edited by sdetweil Sep 14, 2021, 5:54 PM Sep 14, 2021, 5:13 PM

            @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

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • M Offline
              mumblebaj Module Developer @nirvana
              last edited by Sep 19, 2021, 5:48 PM

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

              MMM-SweepClock

              a1eca181-b4db-4f96-8213-9c26a8dded42-image.png

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

              Check out my modules at: https://github.com/mumblebaj?tab=repositories

              N 1 Reply Last reply Oct 2, 2021, 7:51 PM Reply Quote 0
              • N Offline
                nirvana @mumblebaj
                last edited by Oct 2, 2021, 7:51 PM

                @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.

                1 Reply Last reply Reply Quote 0
                • 1
                • 2
                • 1 / 2
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Sam, technical setup by Karsten.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy