Как запустить предварительный загрузчик один раз за сеанс при загрузке страницы

Question

У меня есть веб-сайт WordPress с установленным плагином preloader. Это показывает анимацию каждый раз, когда загружается домашняя страница. Проблема в том, что у меня также есть политика cook ie, поэтому, когда кто-то заходит на сайт, анимация запускает уведомление политики cook ie. Затем вы нажимаете «принять», после чего домашняя страница перезагружается, и анимация снова запускается и запускается при каждом нажатии на домашнюю страницу. Это раздражает пользователей, поэтому в идеале я просто хочу, чтобы анимация предварительного загрузчика запускалась один раз при начальной загрузке страницы за сеанс пользователя.

Приведенное ниже CSS остановит запуск предварительного загрузчика страницы, но, конечно, он остановит его полностью, поэтому мне нужно немного jQuery или JavaScript logi c, чтобы определить, является ли это первым сеансом. Если это так, запустите анимацию, иначе не запускайте анимацию.

Я попробовал следующее jQuery, но оно не сработало, любая помощь будет высоко оценена, спасибо!

.smart-page-loader, .hidden {
  visibility: hidden;
}

$(document).ready(function() {
  var visited = sessionStorage['visited'] || false;
  if (!visited) {
    $('.smart-page-loader .hidden').removeClass('hidden');
    sessionStorage['visited'] = true;
  }
});