如何设置加载网页的超时？

p4rjhz4m 于 2021-09-23 发布在 Java

关注(0)|答案(1)|浏览(280)

我的网页加载有问题。我想在5秒钟后隐藏这个加载页面，但我很困惑。
这是我的代码：我必须说我是初学者。

setTimeout(function(){
    jQuery('.wrapper').fadeOut();
},5000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper">
    <div class="loader">
        <svg class="loading-animation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2200 1300">
            <path class="loading-animation__path" d="*****"/>
        </svg>
    </div>
</div>

来源：https://stackoverflow.com/questions/68328457/how-can-i-set-a-timeout-for-my-loading-webpage

1条答案

按热度按时间

sczxawaw1#

我发现你的代码完全正确。它应该运作良好。然而，我认为你失踪了 $(document).ready() . 或者你只是没有在问题中把代码写在这里，让我们的代码最小化。但是，如果我的猜测是正确的，而你确实错过了它，那么请先把它包起来 document ready .

$(document).ready(function(){
  setTimeout(function(){
    $(".wrapper").hide(); // Or, fadeOut()
  }, 5000);
})

除此之外，我看不出有什么理由不起作用。它应该可以工作，即使没有 document ready 但它会在页面加载时和之后作为触发器激活该功能 n 秒。
您也可以尝试：

$(window).on('load', function(){
  setTimeout(function(){
    $(".wrapper").hide(); // Or, fadeOut()
  }, 5000);
})

赞(0）回复(0）举报 2021-09-23

我来回答

如何设置加载网页的超时？

1条答案

相关问题

热门标签

最新问答