如何解决页面完全加载后如何启动功能以停止加载器
请有人帮我提供这组代码
在页面加载完成后,如何设置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.');
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。