JSFiddle - React, Tailwind, and code Playground

hex clock

by CBroe

HTML

<time id="clock"></time>

JavaScript

var clock = document.getElementById('clock');

setInterval(function() {
    var d = new Date, c;
    
    c = '0x';
    c += ('0' + d.getHours().toString(16)).substr(-2);
    c += ':0x';
    c += ('0' + d.getMinutes().toString(16)).substr(-2);
    c += ':0x';
    c += ('0' + d.getSeconds().toString(16)).substr(-2);

    clock.innerHTML = c;
}, 1000);