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 730 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.
    • A Offline
      aldisachen
      last edited by

      Hello together,
      at my config at the MM I see my local timeon the left side
      It´s possible to add and display a seccond time, for example new york, singapore or other city´s ?
      If yes what is nessessary to do for chnage the config and to display this ? Thanks in advance.

      S earnestrichardsE 2 Replies Last reply Reply Quote 0
      • S Offline
        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 Offline
                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