弹出浏览器加载

Question

我做了一个示例项目，因为我从数据库中获取记录，并且我以表格形式在浏览器中显示它。从数据库浏览器加载记录加载1分钟（大约）。我想显示一个弹出窗口这应该出现在浏览器上直到浏览器加载。我尝试了一些javascript代码，但它加载到一些给定的时间，如5秒或10秒。

任何人都可以指导我！

Answer 1

function yourFunction(){
$("#loading").show();

//do something 

//For example I am just delaying 5 second to hidde loading 
setTimeout(
  function() 
  {
   $("#loading").hide(); //after 5 seconds it will hide, you can use this at the end of your all operations
  }, 5000);


}

yourFunction();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://d13yacurqjgara.cloudfront.net/users/12755/screenshots/1037374/hex-loader2.gif" id="loading" style="fixed"/>

而不是弹出窗口使用任何加载gif图像。

<img src="loading.gif" id="loading" style="position:fixed;"/>

在你的js中，当你开始插入操作时写下这段代码

$("#loading").show();

在你的功能结束时写下这个

$("#loading").hide();