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.

    Add another time to display

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    6 Posts 4 Posters 1.0k 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.
    • S Do not disturb
      sdetweil @aldisachen
      last edited by

      @aldisachen currently the clock will only use the system time.

      in the update coming April 1, you can specify the tinezone as an option.

      so then u could do two clock instances

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      thgmirrorT 1 Reply Last reply Reply Quote 1
      • thgmirrorT Offline
        thgmirror @sdetweil
        last edited by thgmirror

        @aldisachen Hi aldisachen,
        https://www.timeanddate.com/clocks/free.html offers a wide range of designs. You can modify analog and text-based clocks by your own. It can look like here:
        39249676-a9fc-4b0c-a906-9b6dcc6c98ed-image.png
        Generate a clock, copy the html-code and create a html-file (for example uhrzeit.html) at the module-folder.
        Example with 3 clocks:

        <html lang="de">
        <head>
        <title>Uhrzeit</title>
        </head>
        <body bgcolor=#000000>
        <font color=white>
        <table>
        <tr>
        <td style="padding: 100px;">
        <p style="font-size: 50px; color: white;">Bonn</p>
        	<iframe src="https://free.timeanddate.com/clock/i8olx9pj/n83/szw500/szh500/hbw0/hfc000/cf100/hgr0/fav0/fiv0/mqcfff/mql15/mqw4/mqd94/mhcfff/mhl15/mhw4/mhd94/mmcfff/mms4/mml2/mmw1/hwm2/hhcbbb/hmcddd/hsceee" frameborder="0" width="500" height="500"></iframe>
        </td>
        <td style="padding: 100px;">
        <p style="font-size: 50px; color: white;">Lima</p>
        	<iframe src="https://free.timeanddate.com/clock/i8olx9pj/n131/szw500/szh500/hbw0/hfc000/cf100/hgr0/fav0/fiv0/mqcfff/mql15/mqw4/mqd94/mhcfff/mhl15/mhw4/mhd94/mmcfff/mms4/mml2/mmw1/hwm2/hhcbbb/hmcddd/hsceee" frameborder="0" width="500" height="500"></iframe>
        </td>
        <td style="padding: 100px;">
        <p style="font-size: 50px; color: white;">Istanbul</p>
        	<iframe src="https://free.timeanddate.com/clock/i8olx9pj/n107/szw500/szh500/hbw0/hfc000/cf100/hgr0/fav0/fiv0/mqcfff/mql15/mqw4/mqd94/mhcfff/mhl15/mhw4/mhd94/mmcfff/mms4/mml2/mmw1/hwm2/hhcbbb/hmcddd/hsceee" frameborder="0" width="500" height="500"></iframe>
        </td>
        </tr>
        </table>
        </body>
        </html>
        
        

        Replace the part beginning with “iframe” with your code and of course the names of the cities.
        In the config.js, use MMM-SmartWebDisplay to display the clocks, write as url: [“/modules/uhrzeit.html”].
        May be, this can satisfy your needs.

        1 Reply Last reply Reply Quote 0
        • earnestrichardsE Offline
          earnestrichards @aldisachen
          last edited by

          @aldisachen I use MMM-Worldclock to display clocks for other time zones / parts of the world. That module is available on the 3rd party modules page.

          1 Reply Last reply Reply Quote 0
          • A Offline
            aldisachen
            last edited by

            Hello together and thanks for the code / html.
            But i don´t understadn the things. I´m not a developer. This looks very hard for me.
            But I will try to do this … can take lot of time for me. ;-)

            S 1 Reply Last reply Reply Quote 0
            • S Do not disturb
              sdetweil @aldisachen
              last edited by

              @aldisachen I would try the worldclock module approach mentioned by @earnestrichards

              use it instead of the default clockmmodule

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • 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