Div с «закрыть» функции на более чем одной странице

Question

У меня есть div под названием «alert-box-close», который появится на странице и закроется на X и появится снова через 1 минуту (только для целей тестирования, после этого время истечения будет 30 дней).

Проблема в том, что у меня есть три страницы, которым нужен один и тот же div, но если он закрыт на одной из страниц, он должен появиться, если открыта другая страница.При этом код на каждой из страниц будет появляться только по истечении указанного времени.Как это исправить?Заранее спасибо.

$(document).ready(function() {
// Add hours function
  Date.prototype.addHours = function(h) {
      this.setTime(this.getTime() + 60000); // 60 seconds for testing
      return this;
  }
  //Hide div click
  $('.alert-box-close').click(function() {
      //Get time after 24 hours
      var after24 = new Date().addHours(10).getTime();
      //Hide div
      $('#alert-box-news').hide(300);
      //Set desired time till you want to hide that div
      localStorage.setItem('desiredTime', after24);
  });
  //If desired time >= currentTime, based on that HIDE / SHOW
  function checkStorage() {
      var currentTime = new Date().getTime();
      if (localStorage.getItem('desiredTime') >= currentTime) {
          $('#alert-box-news').hide();
      } else {
          $('#alert-box-news').show();
      }
  }
  //Check logic on load
  checkStorage();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="alert-box-news" class="alert-box alertboxone alerthidden">
  <img src="https://no-cache.hubspot.com/cta/default/4409803/2e194850-79d4-4b68-bd48-dc8e559edd96.png"/>
  <img class="alert-box-close closeone" id="close-alert-box-news" src="https://www.atakinteractive.com/wp-content/uploads/2018/11/closeiframe.png">
</div>