Javascript 将css动画与页面加载同步

我知道有很多这样的问题，但没有一个真正回答我的问题。 我用css动画制作了一个预加载程序，我想与页面加载同步。我可以在页面加载时触发动画，但我希望以某种方式管理动画持续的时间，以便准确地跟随页面加载（即使速度太快）

例如：

我希望“填充”效果跟随页面加载时间

现在我只是对包装css动画的模式应用延迟和淡出效果

jQuery(window).load(function(){
  $(".modal").delay(3000).fadeOut(1000);
});

---

任何建议都很好。谢谢

您总是可以延迟这样的函数

setTimeout(function() { your_func(); }, 5000);

或者你可以这样做

$(this).fadeOut(500, function(){
   //Do something 
   $(this).fadeIn(700);
});

---

我希望这会有所帮助。

我认为这不是实现这一点的最佳方式，因为我总是会有5英寸的延迟，例如，即使页面加载时间为2英寸