问题描述
请有人帮我提供这组代码
在页面加载完成后,如何设置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);
解决方法
您可以对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.');
});