是否可以设置网站的加载时间

Question

我有一个GIF格式的网站加载程序，但它没有出现，因为网站在0.001秒内加载。是否可以将加载网站设置为2秒，以便加载程序动画可见？

Answer 1

我为您举了一个使用delay()方法(2秒=2000(的预加载程序的例子，该方法封装在加载事件中。

$(window).on('load', function() {
$('.animation').delay(2000).fadeOut(500);
});

.animation {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: white;

display: flex;
justify-content: center;
align-items: center;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="animation">
<img src="https://flevix.com/wp-content/uploads/2019/07/Spin-Preloader.gif">
</div>
<div>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsa inventore, deleniti excepturi porro dicta, doloribus quisquam sequi quod ab reprehenderit assumenda? Voluptatibus accusantium aliquam magnam. Praesentium dolore, possimus blanditiis perferendis.
</div>