WapSter

// Функция проверки вхождения текущего часа в отрезов от from до to (не включительно)
function isHourRange(from, to) {
   var now = new Date();
   var curHour = now.getHours();
   return curHour >= from && curHour < to;
}

if(isHourRange(0, 9)) {
   $('.ageWindow').fadeIn(100);
}

var TIME_FROM = 0;
var TIME_TO = 9;

var date = new Date();
var clientLocalHour = date.getHours();

if (clientLocalHour >= TIME_FROM && clientLocalHour < TIME_TO) {
  $('.ageWindow').fadeIn(100);
}

function addAge() { 
  $('.ageWindow').fadeOut(500);
}

var SERVICE_TIMEZONE = 3;
var TIME_FROM = 0;
var TIME_TO = 9;

var date = new Date();
var clientLocalHour = date.getHours();
var timezoneOffset = date.getTimezoneOffset() / 60;
var serviceComputedHour = clientLocalHour + timezoneOffset + SERVICE_TIMEZONE;

if (serviceComputedHour >= TIME_FROM && serviceComputedHour < TIME_TO) {
  $('.ageWindow').fadeIn(100);
}

function addAge() { 
  $('.ageWindow').fadeOut(500);
}

var x = 0
$("html").click(function () {
  x++;
  if (x === 8) {
    alert(8)
  }
})

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('box')) {
    for (const n of document.querySelectorAll('.box')) {
      n.style.background = n === t ? 'red' : 'black';
    }
  }
});

fetch('https://jsonplaceholder.typicode.com/albums')
  .then(r => r.json())
  .then(r => {
    document.body.insertAdjacentHTML('beforeend', `
      <div class="wrapper">${r.map(n => `
        <div class="item">
          <div>UserId: ${n.userId}</div>
          <div>Id: ${n.id}</div>
          <div>Title: ${n.title}</div>
        </div>`).join('')}
      </div>
    `);
  });

.item {
  border: 1px solid silver;
  padding: 10px;
  margin: 10px;
}