JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clock">
        <span id="date"></span><span id="time"></span>
    </div>

JavaScript

$(function() {
    var d = new Date();
    d.setDate(d.getDate());
    $('#date').html(d.getDate() + '.' + (d.getMonth()+1) + '.' + d.getFullYear() + ' ');

    setInterval( function() {
        var d = new Date();
        var hours = d.getHours();
        var minutes = d.getMinutes();
        var seconds = d.getSeconds();
        $("#time").html(( hours < 10 ? "0" : "" ) + hours + ':' + ( minutes < 10 ? "0" : "" ) + minutes + ':' + ( seconds < 10 ? "0" : "" ) + seconds);
    }, 1000);    
});