JSFiddle - React, Tailwind, and code Playground

by franverona

HTML

<div class="bigdate"></div>

CSS

.bigdate {
    width: 100%;
    font-size: 50px;
}

JavaScript

window.setInterval(function () {
    var $date = $('.bigdate');
    var d = new Date();
    var hours = d.getHours(),
        minutes = d.getMinutes(),
        seconds = d.getSeconds();
    var dateString = "";
    if (hours < 10) hours = '0' + hours.toString();
    if (minutes < 10) minutes = '0' + minutes.toString();
    if (seconds < 10) seconds = '0' + seconds.toString();
    $date.html(hours + ':' + minutes + ':' + seconds);

    $('body').css('background-color', '#' + hours + minutes + seconds);

}, 1000);