加载GIF与旋转css img

Question

我正在尝试在iframe加载时加载img显示，我注意到旋转的css img版本正在减慢我的网站性能相当多。那么我应该选择GIF吗？

Answer 1

您需要删除链接到的代码的setTimeOut（）部分。它仅用于演示目的，否则页面加载速度太快，无法看到加载程序。删除该部分代码，只需调用showPage（）函数。假设您已完全复制了其余代码，您只需将底部的代码更改为：

function myFunction() {
showPage();
}

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