Keit265

const boxKey = 'BOX_STATE'; // ключ для хранения в localStorage
const boxState = JSON.parse(localStorage.getItem(boxKey)) ?? {};

const TTL = 36e5; // сколько держать блок скрытым, в миллисекундах (1 час)
const expiredIds = [];
Object.entries(boxState)
  .forEach((key, value) => {
    if (value + TTL < Date.now()) {
      // устарел, более не скрываем
      expiredIds.push(key);
    } else {
      // актуален, скрываем блок
      document.getElementById(key).classList.add("hide");
    }
  });

  if (expiredIds.length) {
    expiredIds.forEach(id => delete boxState[id]);
    localStorage.setItem(boxKey, JSON.stringify(boxState));
  }

const onClose = ({ target }) => {
  const block = target.closest('div.block');
  const { id } = block;
  boxState[id] = Date.now();
  localStorage.setItem(boxKey, JSON.stringify(boxState));
  block.classList.add("hide");
};
document.querySelectorAll('img.x-button')
  .addEventListener('click', onClose);