Question

请有人帮我提供这组代码

在页面加载完成后，如何设置event.listener以启动代码。目前，我使用了setTimeOut，但是在连接速度较慢的情况下，加载程序消失的时间太早了，我想这样做而不必增加间隔时间，仅在页面及其内容包含以下内容时才启动代码完成加载。非常感谢您的帮助。请在下面查看我的代码

$('body').append('<div id="loadingDiv"><div class="loader"><img src="./images/loader/image.gif" alt="loadingImage"></div></div>');

  let clearLoader = () => {
    $("#loadingDiv").fadeOut(500, function () {
      $("#loadingDiv").remove();
    });
  }
  
  setTimeout(clearLoader, 2000);

Answer 1

您可以对onload对象使用window事件，例如下面的香草javascript代码段：

window.onload = function (){
  console.log('Window finished loading.');
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>After loading window</title>
</head>
<body>
  
</body>
</html>

OR

jQuery方式：

$(window).load(function(){
  console.log('Window finished loading.');
});

页面完全加载后如何启动功能以停止加载器

1 个答案: