fadeout和removechild加载

Question

我对脚本非常陌生，我正试图在新网站上实现淡入淡出的加载屏幕。

当我定位加载屏幕的父div（load_screen）并添加fadeout和removeChild时，fadeout看起来像我喜欢它，但然后重新出现而不是被删除。如何更改此代码？

 <script>
window.addEventListener("load", function(){
      var load_screen = document.getElementById("load_screen");
      document.body.fadeOut(load_screen);
      document.body.removeChild(load_screen);
});
</script>

Answer 1

使用jQuery：

$(document).ready(function() {
    $('#load_screen').fadeOut(7000);

    setTimeout(function() {
        $('#load_screen').addClass('hide'); 
    }, 7000);
});

CSS

.hide {
    display: none;
}

https://jsfiddle.net/d2mxx52y/10/