javascript - 伪造预加载器屏幕

Question

我使用我的网页的有效教程制作了一个预加载器页面，
类似于https://codepen.io/bommell/pen/OPaMmj 。问题是我想让这个预加载器以某种方式假装工作，而不使用任何繁重的内容图片或视频(iframe .....)换句话说，我想让这个预加载器在我的实际元素之前成为默认屏幕，所以在 js 中文件中，我使用了setTimeout和clearTimeout，但它不起作用，我该怎么办？
每当我使用 Iframe 或其他技巧时，预加载器都会正常工作

function myFunction() {
    myVar = setTimeout(function(){ document.body.addClass("loaded"); }, 3);
  }

  function myStopFunction() {
    clearTimeout(myVar);
  }

有人可以帮我伪造预加载屏幕吗？

Answer 1

setTimeout 告诉浏览器在指定的时间后执行操作。 (单位是毫秒 - 3ms 可能有点短)。

clearTimeout 告诉浏览器取消您使用 setTimeout 设置的操作。

您似乎想要做的是将 "loaded" 类添加到 body 中，因此无需使用 clearTimeout :

setTimeout(function(){ document.body.classList.add("loaded"); }, 3000);

将在三秒后添加“loaded”类。