预加载等待 3 秒钟,然后再打开页面

Preload wait 3 seconds before open page

本文关键字:然后 加载 等待 秒钟      更新时间:2023-09-26

我正在做预加载页面。这是我的代码:

   <style>
    #page-preloader { ... }    
    #page-preloader .spinner { ...}
   </style>
   <script src="js/jquery.js"></script>
   <script>
    $(window).on('load', function () {
        var $preloader = $('#page-preloader'),
            $spinner   = $preloader.find('.spinner');
        $spinner.fadeOut();
        $preloader.delay(350).fadeOut('slow');
    });
   </script>    
</head>
  <body>
    <div id="page-preloader"><span class="spinner"></span></div>
    ...

一切都很好,但我想做一些条件,不知道该怎么做。如果会话为空,我需要预加载器至少工作 4 秒(即使页面加载 1 秒)。

增加延迟()。

 <script>
$(window).on('load', function () {
    var $preloader = $('#page-preloader'),
        $spinner   = $preloader.find('.spinner');
    $spinner.fadeOut();
    $preloader.delay(3000).fadeOut('slow');
});