JSFiddle - React, Tailwind, and code Playground

by basiclaser

HTML

<h5 id="cornertitle">100basic - it's time</h5>
<div id="clock">
<h1 id="basic"></h1>
</div>

<h1 id="hidden"></h1>

CSS

#cornertitle {top:15px;
              left:15px;}

#clock {width: 100%;
        text-align:center;}
#basic {display: block;
margin: 0 auto;
        }

JavaScript

function updateTime() {
        var currentTime = new Date();
        var hours = currentTime.getHours();
        var minutes = currentTime.getMinutes();
        var seconds = currentTime.getSeconds();
        var hoursB = (hours * 60) * 60; 
        var minutesB = minutes * 60;
        var basic = (hoursB + minutesB + seconds) / 864;
        
        setTimeout("updateTime()",2000);    
        document.getElementById('basic').innerHTML=basic.toFixed(2);
}
        updateTime();