JSFiddle - React, Tailwind, and code Playground

HTML

<div id="txt"></div>

JavaScript

$(document).ready(function () {
        startTime();
        function startTime() {
            var today = new Date();
            var h = today.getHours();
            var m = today.getMinutes();
            var s = today.getSeconds();
            m = checkTime(m);
            s = checkTime(s);
            var ampm = h >= 12 ? 'pm' : 'am';
            h = h % 12;
            h = h ? h : 12;
            m = m < 10 ? '0' + m : m;
            var strTime = h + ':' + m + ':' + s +' ' + ampm;
            document.getElementById('txt').innerHTML = strTime;
            var t = setTimeout(function () { startTime() }, 500);
        }

        function checkTime(i) {
            if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
            return i;
        }
    });