Question

我想只有当有人第一次访问网页而没有在网页缓存后再次运行加载程序时才运行加载程序。

是否有办法确保加载程序仅在第一次加载页面/窗口上的资源时运行，而不是在资产缓存后运行。

HTML

   <div id="preloader">
       <div class="spinner"></div>
    </div>

JQUERY

 $(window).on("load", function (e) {
            if($('#preloader').length > 0){
                $('#preloader').fadeOut('slow',function(){$(this).remove();});
            }
        });

更新使用HTML localstorage似乎运行良好。

     $(window).on("load", function (e) {
            localStorage.loaded = "yes";
            if($('#preloader').length > 0){
                $('#preloader').fadeOut('slow',function(){$(this).remove();});
            }
        });

    if (localStorage.loaded == "yes") {
            $('#preloader').remove();
            //or any other method of not showing the spinner
        }

Answer 1

尝试这个解决方案，这对我有用，

$(document).ready(function(){

    var check=getCookie("loader");

    if (check!="false") {
            var loader="true";
    }else{
        loader=check;
    };
    if (loader=="true") {

    document.cookie="loader=false";
      loader=getCookie("loader");
    //your function

    }else {
        //alert(check);
        //alert(loader);
    //your function;
    }
    });

    function getCookie(name) {
      return (name = (document.cookie + ';').match(new RegExp(name + '=.*;'))) && name[0].split(/=|;/)[1];
    }

如何使加载器仅在页面资源第一次加载时运行 - 而不是在它们被缓存后运行？

1 个答案: