JSFiddle - React, Tailwind, and code Playground

HTML

<div id="time"></div>
<div id="comments"></div>

CSS

body {
	font: 12px/20px Arial, Tahoma, Verdana, sans-serif;
    color: #444;
}

#time {
    font-size: 22px;
    margin: 20px;
}

JavaScript

// declension of num
function declOfNum(number, titles) {
    cases = [2, 0, 1, 1, 1, 2];
    return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];
}

function showTime() {
    
    var date = new Date();
    
    var hours   = date.getHours();
    var minutes = date.getMinutes();
    var seconds = date.getSeconds();
    
    var hoursDec   = declOfNum(hours, ['Час', 'Часа', 'Часов']);
    var minutesDec = declOfNum(minutes, ['Минута', 'Минуты', 'Минут']);
    var secondsDec = declOfNum(seconds, ['Секунда', 'Секунды', 'Секунд']);

    var line = hours +' '+ hoursDec +', '+
               minutes +' '+ minutesDec +', '+ 
               seconds +' '+ secondsDec;
    
    time.html(line);
    
    setTimeout(showTime, 1000);
    
}

var time = $('#time');
var comments = $('#comments');

showTime();


for (number=0; number <= 30; number++) {

    declaration = declOfNum(number, ['Комментарий', 'Комментария', 'Комментариев']);
    line = '<div>'+ number +' '+ declaration +'</div>'
    
    comments.append(line); 
    
}