Zeigt ein DIV nur beim ersten Mal, wenn eine Website mit localStorage geladen wird

Question

Ich versuche, dies zu schaffen, aber ich habe einige Probleme .. Wie der Titel sagt, möchte ich ein DIV nur beim ersten Laden einer Website angezeigt werden . Ich weiß, wie man mit PHP und Cookies arbeitet, aber ich möchte es mit der localStorage-Funktion.

Hier ist mein Code:

<div id="loading_bg"> 
    ... 
</div> 


$(document).ready(function() { 
    localStorage.setItem('wasVisited', 1); 
    if (localStorage.wasVisidet !== undefined) { 
      $("#loading_bg").css('display','none'); 
     } else { 
      $("#loading_bg").delay(5000).fadeOut(500); 
     } 
}); 

Answer 1

Sie setzen den localstorage-Flag vor der, wenn die Bedingung, so dass die Flagge wasVisited nie undefiniert.

Sie müssen die Flagge in dem anderen Block setzen, wie unten

$(document).ready(function() { 
    if (localStorage.getItem('wasVisited') !== undefined) { 
     $("#loading_bg").hide(); 
    } else { 
     localStorage.setItem('wasVisited', 1); 
     $("#loading_bg").delay(5000).fadeOut(500); 
    } 
});