Realtime Clock

[admin]

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