Real time clock within a form view

Sam Real Time Clock

sam 

hi Sam On one of these lines. I place de Madrid on the díaLightSavingTimeZone2(0)) change de 2 o 1 if summer or winter time.

The best I find in the Forum.

let katmandú := " Katmandú" + "<br>" + SunsetAndRise(27.7, 85.3, 5.75);
let ulaanbaatar := "" + " Ulaanbaatar " + "<br>" + SunsetAndRise(47.9, 106.9, 8);
let tongatapu := " Tongatapu" + "<br>" + SunsetAndRise(-21.2, -175.3, 13);
let newYork := "Nueva York" + "<br>" + SunsetAndRise(40.6, -74, dayLightSavingTimeZone2(-5));
let tokio := " Tokio" + "<br>" + SunsetAndRise(35.65, 139.65, 9);
let johannesburgo := " Johannesburgo" + "<br>" + SunsetAndRise(26.2, 28, 2);
let greenwich := "" + " Greenwich " + "<br>" + SunsetAndRise(51.5, 0, dayLightSavingTimeZone1(0));
let greenwich := "" + " Madrid " + "<br>" + SunsetAndRise(51.5, 0, dayLightSavingTimeZone2(0)) ;

Sam a little bit shorter

let css := "
<style>
main {
    font: 1.5em 'Courier New',monospace;
}
</style>";
let content := "
<main id='clock'></main>
<script>
setInterval(
    function() {
        let now = new Date();
        let node = document.querySelector('#clock');
        node.innerHTML = now.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', second:'numeric', hour12: true });
                }
    , 1000)();
</script>
";
html(css + content)

Sam what do you mean with "change"? You can change the display with: hour12: true or false.

Sam like this?

Sam I don't know. I think, Javascript is more of a hack for Ninox and doesn't always work safely. Sometimes it works, sometimes it doesn't. The watch is just for fun for me. I'm sorry if I couldn't help you. M

Sam Hi Sam 

On Full Screen I don't have problem

MZ This is great I asked CHATGPT to tweak it for a different font and AM/PM.  Here is the revised code.  Make sure you refresh your browser.

let css := "
<style>
main {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.5em;
}
</style>";
let content := "
<main id='clock'></main>
<script>
function addZero(i) {
    if (i < 10) {i = '0' + i}
    return i;
}

setInterval(function() {
    let now = new Date();
    let hours = now.getHours();
    let minutes = now.getMinutes();
    let seconds = now.getSeconds();
    let meridiem = hours >= 12 ? 'PM' : 'AM'; // Determine AM or PM

    // Convert hours to 12-hour format
    hours = hours % 12 || 12;

    let node = document.querySelector('#clock');
    node.innerHTML = addZero(hours) + ':' + addZero(minutes) + ':' + addZero(seconds) + ' ' + meridiem;
}, 1000);
</script>
";
html(css + content)