В операх и большинстве браузеров первоначальной вариант работает нормально, могу то зайти с хрома, могу обновить, но есть пользователи сайта которые в реале при разговоре задают вопрос, а что это такое "браузер"

Некоторое время назад мы на работе выбрасывали старые компы, и перед этим их включали, что бы понять, что это такое.
На двух из них был Нетскейп Навигатор.
Но мое мнение, что не надо делать сайты, в расчете на него. Так же не стоит делать в расчете на ИЕ, даже 11, На Хромы и Файрфоксы трехлетней давности. Это проблемы пользователя.

Одним словом, тут вряд-ли помогут решить проблему и разделить число и год на "квадратики"...

Вам помогли. Дали код работающий на современных браузерах.
Если Вы программируете, так пользуйтесь Бабелем, что бы сделать его совместимым со старьем. Кто знает, на какой браузер вы расчитываете, и что именно в современном JavaScript он не понимает.
Я подозреваю, что вот это он не берет
Строки 43-48

function numberWrapInDiv(num)
 {
   return [...num.toString().padStart(2, "0")].map(num => `<div>${num}</div>`).join("")
 }
 
 [hour, minute, sec, day, year] = [hour, minute, sec, day, year].map(numberWrapInDiv)

Надо переписать не используя новые возможности языка

function numberWrapInDiv(num)
 {
  var anum = ((num<10? '0' : '')+num).split('')
  var s = ''
  for (var i=0; i<anum.length; i++) s += '<div>'+anum[i]+'</div>'
  return s
 }
 
 //[hour, minute, sec, day, year] = [hour, minute, sec, day, year].map(numberWrapInDiv)
 hour = numberWrapInDiv(hour);
 minute = numberWrapInDiv(minute);
 sec = numberWrapInDiv(sec);
 day = numberWrapInDiv(day);
 year = numberWrapInDiv(year);

Это обычная работа программиста.
Почему кто то за вас этим должен заниматься?
Никто больше не будет. Помочь, направить - это одно.
А выполнять работу - совсем другое.