LogicMachine Forum
Realtime Clock - Printable Version

+- LogicMachine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visu (https://forum.logicmachine.net/forumdisplay.php?fid=24)
+--- Thread: Realtime Clock (/showthread.php?tid=6376)

Realtime Clock - KoBra - 01.04.2026

Is it possible to display the RTC inside the LM in Visu?

RE: Realtime Clock - admin - 02.04.2026

Custom JavaScript example that adds current time near the close button. Header option must be enabled in General settings for this to work in Plan view.
Code:
const el = document.querySelector('.navbar > .container-fluid > div:last-child')
if (el) {
  const span = document.createElement('span')
  span.classList.add('me-2', 'd-flex', 'align-items-center')
  el.prepend(span)
  
  const update = () => {
    const date = new Date()
    span.textContent = date.toLocaleTimeString()
  }
  
  setInterval(update, 500)
  update()
}


RE: Visu bugs - Novodk - 09.04.2026

After implementing the time via JS the main title is shifted to the left, can this be resolved?

[Image: tlEFY0Z.png]

RE: Realtime Clock - admin - 09.04.2026

Try this:
Code:
const el = document.querySelector('.navbar > .container-fluid > div:last-child')
if (el) {
  const span = document.createElement('span')
  el.classList.add('position-relative')
  span.classList.add('position-absolute', 'top-0', 'bottom-0', 'd-flex', 'align-items-center')
  span.style.right = '120%'
  el.prepend(span)
  
  const update = () => {
    const date = new Date()
    span.textContent = date.toLocaleTimeString()
  }
  
  setInterval(update, 500)
  update()
}


RE: Realtime Clock - AlexLV - 09.04.2026

Hi,
is possible provide Custom JavaScript for Tile View also?

Alex

RE: Realtime Clock - Novodk - 09.04.2026

(09.04.2026, 17:28)AlexLV Wrote: Hi,
is possible provide Custom JavaScript for Tile View also?

Alex

It works in Tile view as well.
If you want 24 hour format and date here is an example

Code:
const el = document.querySelector('.navbar > .container-fluid > div:last-child')
if (el) {
  const span = document.createElement('span')
  el.classList.add('position-relative')
  span.classList.add('position-absolute', 'top-0', 'bottom-0', 'd-flex', 'align-items-center')
  span.style.right = '130%'
  el.prepend(span)
 
const update = () => {
  const date = new Date()
  span.textContent = date.toLocaleString('en-GB', {
    day: '2-digit',
    month: '2-digit',
    year: 'numeric',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit',
    hour12: false
  }).replace(',', '')
}
 
  setInterval(update, 500)
  update()
}


RE: Realtime Clock - admin - 10.04.2026

If you only want time in 24H format without seconds:
Code:
span.textContent = date.toTimeString().substring(0, 5)