Question

嗨，所以我有一个来自引导程序的模型加载器，我需要的只是一个div标签。

<div class="loader"></div>

当页面加载时，弹出纺车。我的问题是我只希望该加载程序在网页的加载过程中出现。因此，当我单击“提交”时，在这4秒钟内大约需要4秒钟，我希望此手纺车在页面加载后弹出并消失。我只是如何使用div标签在php中做到这一点感到困惑。任何指针都很棒。

Answer 1

在w3schools中发现了这一点。它可能会帮助您： https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader5

CSS关键部分：

#myDiv {
  display: none;
  text-align: center;
}

HTML：

<body onload="myFunction()" style="margin:0;">

<div id="loader"></div>

<div style="display:none;" id="myDiv" class="animate-bottom">
  <h2>Tada!</h2>
  <p>Some text in my newly loaded page..</p>
</div>

脚本：

function myFunction() {
  myVar = setTimeout(showPage, 3000);
}

function showPage() {
  document.getElementById("loader").style.display = "none";
  document.getElementById("myDiv").style.display = "block";
}

这应该使页面延迟足够长的时间才能利用加载动画

希望有帮助！

使用cakephp从存储过程中获取try / catch

1 个答案: