Javascript 在刷新时显示加载器图标

Question

我需要在窗口刷新时显示加载器图标。当文档准备好时它应该隐藏。我试过什么

//一个解决方案

<script>
document.onreadystatechange = function () {
  var state = document.readyState
  if (state == 'complete') {
      setTimeout(function(){
          document.getElementById('interactive');
          document.getElementById('load').style.visibility="hidden";
      });
  }
}
</script>

//另一种解决方案

<script>
window.onbeforeunload = function WindowLoad() {
inst.close();
inst.destroy();
document.getElementById('load').style.visibility="block";
}
window.onload = function WindowLoad() {
      setTimeout(function(){
    document.getElementById('interactive');
    document.getElementById('load').style.visibility="hidden";
      });
}
</script>

//加载器的样式-用户引用

<style>
#load{
     width:100%;
     height:100%;
     position:fixed;
     z-index:9999;
     background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(129, 129, 131, 1)
 }
</style>

我得到了什么？页面刷新完成后我得到加载程序图标一次？我尝试运行这两个解决方案评论每个解决方案。

Answer 1

Here it is你还需要

$(document).ready(function(){
  $('loaderid').hide();
});

确保加载器元素紧跟在 body 标记的开头之后。