如何使用 jquery cookie 仅显示一次预加载器？

Question

我有预加载器，但它在打开后显示在每个页面上，并且在每次刷新时显示。我怎样才能每个用户只显示一次？仅在加载主页后

脚本：

<script type="text/javascript">
// makes sure the whole site is loaded
jQuery(window).load(function () {
    "use strict";
    if ($.cookie('test_status') != '1') {
    // will first fade out the loading animation
    if(  jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0  ){ 
        jQuery(".status").fadeOut();
        // will fade out the whole DIV that covers the website.
        jQuery(".preloader").delay(6750).fadeOut("slow");
    }else{
        jQuery(".preloader").css('display','none');
    }
});

HTML代码：

<div id="myModal" class="preloader  preloader-center">
<img src="#" alt="">
<p>“uhh.. Hi! We didn’t see you there. One second please”</p>
<video autoplay width="896" muted>
    <source src="/wp-content/uploads/2021/07/MakeItMax_Preloader_HD-1.mp4" type="video/mp4">
</video>

Answer 1

您可以这样使用 sessionStorage：

$(document).ready(function() {
  function Preloader() {
    var preloader = $('.preloader');
    preloader.show();
    preloader.delay(1000).fadeOut(500);
  }
  if (!sessionStorage.getItem('doNotShow')) {
    sessionStorage.setItem('doNotShow', true);
    Preloader();
  } else {
    $('.preloader').hide();
  }
})

添加css:

.preloader{
display:none;
}

如何使用 jquery cookie 仅显示一次预加载器？

How to show preloader only once using jquery cookie?

html

javascript

cookies

jquery