Javascript 检查页面加载和打开动画完成的时间

我面临一个概念性问题。
在我的站点的开头，我有一个

开始动画

（在SostitutionofLoader中），当然，我想从头到尾展示所有动画。然后，当页面完全加载后，我将显示该页面。

现在有两种不同的情况：

• 第一：快速互联网->页面在动画结束前加载
• 第二：慢速上网->加载结束前打开完成

我想要实现的是

显示整个开口

，然后

如果页面已加载，则关闭开口/加载器

，或者

如果页面未加载，则等待加载结束后关闭开口/加载器

我想使用

$（windows）。加载（“关闭加载程序”）

但如果加载速度很快，加载程序将在动画结束前关闭

我试过的 在开场动画的回调中

if( done ){
        console.log("opening done");
        $("#openingLoader").addClass("done");
        }
done = true;

但我认为这不是解决问题的好办法。

---

有什么想法吗？

你的问题显然有两个条件，但每个尝试过的解决方案只有一个条件

当动画完成或页面加载时，将回调设置为页面加载函数。页面加载功能需要检查这两个条件是否都满足，如果满足，则打开页面

伪代码：

animationFinishedCallback = function(){
  animationFinished = true;
  tryPageOpen();
}
pageLoadedCallback = function(){
  pageLoaded = true;
  tryPageOpen();
}

function tryPageOpen() {
  if (animationFinished && pageLoaded) {
     openPage();
  }
}

---

很明显，你的问题中有两个条件，但每个尝试过的解决方案只有一个条件

当动画完成或页面加载时，将回调设置为页面加载函数。页面加载功能需要检查这两个条件是否都满足，如果满足，则打开页面

伪代码：

animationFinishedCallback = function(){
  animationFinished = true;
  tryPageOpen();
}
pageLoadedCallback = function(){
  pageLoaded = true;
  tryPageOpen();
}

function tryPageOpen() {
  if (animationFinished && pageLoaded) {
     openPage();
  }
}

---

很明显，你的问题中有两个条件，但每个尝试过的解决方案只有一个条件

当动画完成或页面加载时，将回调设置为页面加载函数。页面加载功能需要检查这两个条件是否都满足，如果满足，则打开页面

伪代码：

animationFinishedCallback = function(){
  animationFinished = true;
  tryPageOpen();
}
pageLoadedCallback = function(){
  pageLoaded = true;
  tryPageOpen();
}

function tryPageOpen() {
  if (animationFinished && pageLoaded) {
     openPage();
  }
}

---

很明显，你的问题中有两个条件，但每个尝试过的解决方案只有一个条件

当动画完成或页面加载时，将回调设置为页面加载函数。页面加载功能需要检查这两个条件是否都满足，如果满足，则打开页面

伪代码：

animationFinishedCallback = function(){
  animationFinished = true;
  tryPageOpen();
}
pageLoadedCallback = function(){
  pageLoaded = true;
  tryPageOpen();
}

function tryPageOpen() {
  if (animationFinished && pageLoaded) {
     openPage();
  }
}

---

请记住，如果访问者每次访问页面时都要浏览整个动画，那么他们可能会受到影响。你应该提供一种“跳过”（页面加载完成时）动画的方法。是的，我知道，但这是一个简短的动画：），或多或少3/4秒请记住，如果访问者每次访问页面时都必须浏览整个动画，那么他们可能会受到影响。你应该提供一种“跳过”（页面加载完成时）动画的方法。是的，我知道，但这是一个简短的动画：），或多或少3/4秒请记住，如果访问者每次访问页面时都必须浏览整个动画，那么他们可能会受到影响。你应该提供一种“跳过”（页面加载完成时）动画的方法。是的，我知道，但这是一个简短的动画：），或多或少3/4秒请记住，如果访问者每次访问页面时都必须浏览整个动画，那么他们可能会受到影响。你应该提供一种方法来“跳过”（当页面加载完成时）动画。是的，我知道，但这是一个简短的动画：），差不多3/4秒，我得到了解决方案，我觉得很愚蠢，因为我没有想到：O是如此简单！顺便说一句，我一定会努力的。谢谢ShomzIt每个人都会这样，别担心。不客气！好吧，我得到了解决方案，我觉得自己太傻了，因为我没有想到：O是如此简单！顺便说一句，我一定会努力的。谢谢ShomzIt每个人都会这样，别担心。不客气！好吧，我得到了解决方案，我觉得自己太傻了，因为我没有想到：O是如此简单！顺便说一句，我一定会努力的。谢谢ShomzIt每个人都会这样，别担心。不客气！好吧，我得到了解决方案，我觉得自己太傻了，因为我没有想到：O是如此简单！顺便说一句，我一定会努力的。谢谢ShomzIt每个人都会这样，别担心。不客气！