lädt Javascript nur einmal pro Benutzer/Browser-Sitzung

Question

Ich habe diese modal, die beim Laden der Seite Pop-up ...

<script type="text/javascript"> 

jQuery(document).ready(function($) { 
    setTimeout(function() { 
    $.UIkit.modal('#newsletter-20').show(); 
    }, 3000); 
}); 

</script> 

Alle Arbeit ist in Ordnung, aber ich muß es nur einmal erscheint pro Benutzer/Browser-Sitzung. Da ich ein Noob bin, habe ich keine Ahnung, wie ich das erreichen kann, auch nachdem ich in diese Information geblickt habe. http://www.w3schools.com/js/js_cookies.asp

Tks für die Hilfe!

Answer 1

Ermitteln, ob eine Benutzersitzung aktiv ist, erfordert serverseitigen Code. Daher ist die Verwendung eines Cookies wahrscheinlich die leichtere Lösung für Sie.

JSFIDDLE DEMO

$(document).ready(function() { 
    var cookieValue = $.cookie("user-session"); 

    if (!cookieValue || !cookieValue.length) { 
    setTimeout(function() { 
     $.UIkit.modal('#newsletter-20').show(); 
     $.cookie("user-session", "1"); 
    }, 3000); 
    } 
}); 

Hinweis: Für .cookie $, arbeiten Sie ein jQuery Cookie-Plugin verwenden. Die CDN-Link ist das - https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js

Aber dies ist optional, wenn Sie einen traditionellen Javascript Art und Weise des Erhaltens und Setzen eines Cookies möchten, können Sie es auch verwenden können. Aber der Jquery Cookie Weg ist viel einfacher.

Answer 2

Haben Sie sich sessionStorage angesehen? Unter Verwendung von sessionStorage können Sie lokal pro Sitzung ein einfaches boolesches Flag speichern und dann vor dem Anzeigen des modalen Dialogfelds das Vorhandensein dieses Flags testen.

Der Browser zeigt den Inhalt der sessionStorage löschen, wenn der Browser geschlossen wird, was bedeutet, dass der Wert wird nur so lange beibehalten, wie der Besucher aktiv ihr Browser verwendet oder bis Sie die Daten manuell auf einen Falsey Wert ändern zurück.

Zum Beispiel:

jQuery(document).ready(function($) { 

    setTimeout(function() { 

     if (!sessionStorage.previouslyVisited) { 
      $.UIkit.modal('#newsletter-20').show(); 
      sessionStorage.previouslyVisited = true; 
     } 
    } 

});