在页面加载时显示全屏gif，并在gif完成后将其关闭

Question

我想编写一段代码，以便在页面加载后立即全屏播放gif，然后在gif完成后将其关闭。

谢谢

Answer 1

您可以使用FakeLoader

DEMO

只需用您自己的图片.gif替换充电器

问题是是否有必要这样做。考虑加载时间和用户体验...

Answer 2

1. 定义一个显示gif的函数，另一个将其隐藏的函数。

2. 在执行display gif函数的body标签上设置onload事件侦听器。

3. 设置页面加载时的超时功能，以在x秒后执行您的hide gif函数，其中x是视频的长度+ 3（只允许一点延迟）

   window.onload = function（）{     setTimeout（hidegif（），10000）; };