Chỉ hiển thị DIV lần đầu tiên trang web được tải bằng localStorage

Question

Tôi đang cố gắng thực hiện công việc này nhưng tôi có một số vấn đề .. Giống như tiêu đề cho biết, tôi muốn một DIV chỉ được hiển thị lần đầu tiên trang web được tải . Tôi biết làm thế nào để làm với PHP và Cookie, nhưng tôi muốn nó với chức năng localStorage.

Đây là mã của tôi:

<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

Bạn đang thiết cờ localStorage trước nếu tình trạng, vì vậy cờ wasVisited sẽ không bao giờ được định nghĩa.

Bạn cần phải đặt cờ bên trong các khối khác như hình dưới đây

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