Realtime Clock

[Novodk]

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()
}