JSFiddle - React, Tailwind, and code Playground

by Sam88

HTML

<body onload="startTime()">
    <div id="txt"></div>
</body>

JavaScript

//CLOCK

function startTime() {
    var today = new Date();
    var noon = new Date(Date.UTC(today.getFullYear(), today.getMonth(), today.getDay(), 12 - 2, 0, 0));
    var diff = new Date(noon - today);
    var h = diff.getHours();
    var m = diff.getMinutes();
    var s = diff.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML = h + ":" + m + ":" + s + " offset" + today.getTimezoneOffset();
    t = setTimeout(function () {
        startTime();
    }, 500);
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}