实际加载时停止加载程序动画

Question

所以我从这个网站复制了一个加载程序动画、加载程序CSS和我发现的所有东西，现在我遇到的问题是动画不会停止。从逻辑上讲，我需要它在站点加载时停止。我该怎么做？

Answer 1

有不同的方法，但你可以做到这一点：

$(document).ready(function(){

$("...").fadeOut(3000,function(){
$("...").remove();
})
})

或者这个：

jQuery(window).load(function () {
$("...").fadeOut(3000,function(){
$("...").remove();
});

Answer 2

如果您不喜欢使用jQueryhttp://youmightnotneedjquery.com/#ready

function ready(fn) {
if (document.readyState != 'loading') {
fn();
} else if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', fn);
} else {
document.attachEvent('onreadystatechange', function() {
if (document.readyState != 'loading')
fn();
});
}
}
// test
window.ready(function() {
alert('remove loader now');
});