jQuery: запускать вступительный класс только при первом входе на сайт (или при жестком обновлении)

Question

// Intro animation
setTimeout(function(){ 
    $('.intro').addClass("intro_hide")
  }, 3000);

Я хочу показывать этот div (вступление) только при первом входе на сайт. Когда вы переходите на другую страницу и возвращаетесь на домашнюю страницу, это не должно отображаться. Только когда вы сильно обновляете или возвращаетесь на сайт через долгое время.

Answer 1

Вы должны хранить где-то, что пользователь воспроизводил вступление, это хранилище должно быть более постоянным, чем просто переменная, поэтому вы должны использовать cookies, localStorage или sessionStorage. SessionStorage соответствует вашим требованиям, потому что он сбрасывает свое состояние, когда окно или вкладка закрыты.

// Hide intro if has been played before
if (sessionStorage.getItem("introPlayed")) {
  $('.intro').hide()
} else {
  // Intro animation
  setTimeout(function() { 
    $('.intro').addClass("intro_hide");
    // Store information that user has played intro
    // In sessionStorage data is persisted only until the window or tab is closed
    sessionStorage.setItem("introPlayed", true);
  }, 3000);
}