Afficher une popup une fois par session

Utiliser le local Storage pour afficher une popup qu'une seule fois par session

Language: Javascript

Catégorie : Modal & Popup

<script>

document.addEventListener('DOMContentLoaded', function () {
  const popupComponent = document.querySelector('.popup_component');

  const seenPopup = sessionStorage.getItem('seenPopup');

  if (!seenPopup) {
    setTimeout(() => {
      popupComponent.style.display = 'flex';
    }, 3000);

    sessionStorage.setItem('seenPopup', 1);
  } else {
    popupComponent.style.display = 'none';
  }
});

</script>

Sommaire

Le script

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<script>

document.addEventListener('DOMContentLoaded', function () {
  const popupComponent = document.querySelector('.popup_component');

  const seenPopup = sessionStorage.getItem('seenPopup');

  if (!seenPopup) {
    setTimeout(() => {
      popupComponent.style.display = 'flex';
    }, 3000);

    sessionStorage.setItem('seenPopup', 1);
  } else {
    popupComponent.style.display = 'none';
  }
});

</script>

Les attributes

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

Code source du script

<script>

document.addEventListener('DOMContentLoaded', function () {
  const popupComponent = document.querySelector('.popup_component');

  const seenPopup = sessionStorage.getItem('seenPopup');

  if (!seenPopup) {
    setTimeout(() => {
      popupComponent.style.display = 'flex';
    }, 3000);

    sessionStorage.setItem('seenPopup', 1);
  } else {
    popupComponent.style.display = 'none';
  }
});

</script>