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

【问题标题】：How to initiate a function once page has fully loaded to stop a loader [duplicate]页面完全加载后如何启动功能以停止加载器[重复]
【发布时间】：2020-09-03 16:23:29
【问题描述】：

请有人帮我处理这组代码

如何设置 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);

【问题讨论】：

收听load event。

标签： javascript function settimeout loader

【解决方案1】：

您可以将onload 事件用于window 对象，例如下面的香草javascript sn-p：

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>

或

jQuery方式：

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

【讨论】：

我试过那个代码，加载器在我指定的时间间隔后仍然淡出，而不是在页面加载完成后。
好的，那么您可以查看@Viscocent 的这个答案； stackoverflow.com/a/23907579/10636406