JSFiddle - React, Tailwind, and code Playground

Clock Display

by Jennifer Perrin

HTML

<span id="hh"></span>:<span id="mm"></span>:<span id="ss"></span>

CSS

body {
    font-size: 100px;
    font-weight:bold;
    text-align:center;
}

JavaScript

function $(selector) { return document.querySelector(selector) }

var hh = hh || $('#hh'),
    mm = mm || $('#mm'),
    ss = ss || $('#ss');

function update(){
    var date = new Date();
    
    hh.textContent = date.getHours();
    mm.textContent = date.getMinutes();
    ss.textContent = date.getSeconds();
}

update();
setInterval(update, 100)