JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div>
    <span data-date_time="hour">00</span><span data-date_time="point">:</span><span data-date_time="minute">00</span><span data-date_time="point">:</span><span data-date_time="second">00</span> <span data-date_time="week"></span>. <span data-date_time="day"></span>.<span data-date_time="month"></span>.<span data-date_time="year"></span>
</div>

JavaScript

function date_time() {
    var monthNames = [ "января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря" ],
        dayNames = ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"];
        

    function time() {
		var newDate = new Date(),
			hour = newDate.getHours(),
			minute = newDate.getMinutes(),
			second = newDate.getSeconds(),
			day = newDate.getDate(),
			month = monthNames[newDate.getMonth()],
			year = newDate.getFullYear(),
			week = dayNames[newDate.getDay()];

        $('[data-date_time="day"]').html(day);
        $('[data-date_time="month"]').html(month);
        $('[data-date_time="year"]').html(year);

        $('[data-date_time="week"]').html(week);

        $('[data-date_time="hour"]').html((hour < 10 ? "0" : "") + hour);
        $('[data-date_time="minute"]').html((minute < 10 ? "0" : "") + minute);
        $('[data-date_time="second"]').html((second < 10 ? "0" : "") + second);

        setTimeout(time, 1000);
    }
    time();
}

$(document).ready(function() {
    date_time();

});