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

Add another time to display

Scheduled Pinned Locked Moved Unsolved Troubleshooting
6 Posts 4 Posters 657 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 Mar 21, 2023, 4:49 PM

    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 E 2 Replies Last reply Mar 21, 2023, 5:42 PM Reply Quote 0
    • S Away
      sdetweil @aldisachen
      last edited by Mar 21, 2023, 5:42 PM

      @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

      T 1 Reply Last reply Mar 21, 2023, 9:13 PM Reply Quote 1
      • T Offline
        thgmirror @sdetweil
        last edited by thgmirror Mar 21, 2023, 9:58 PM Mar 21, 2023, 9:13 PM

        @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
        • E Offline
          earnestrichards @aldisachen
          last edited by Mar 22, 2023, 1:30 AM

          @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 Mar 26, 2023, 10:45 AM

            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 Mar 26, 2023, 12:09 PM Reply Quote 0
            • S Away
              sdetweil @aldisachen
              last edited by Mar 26, 2023, 12:09 PM

              @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
              1 / 1
              • First post
                1/6
                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