有没有办法从一开始就制作动画gif播放?

Is there a way to make an animated gif play from the beginning?

我有一个 gif 动画,它本身运行良好。它应该充当 2 页(从第 1 级到第 2 级)之间的过渡。它被称为:

setTimeout(function () {
  window.location.href = "level1-2.html"; //redirect
  }, 3000);

setTimeout 不是问题,没有它我也有同样的问题。唯一显示的图片是 gif 的最后一张。我不想让那个 gif 循环播放。

如果我点击“重新加载”,动画就会播放。但我不能在页面代码中写“重新加载”,否则它将永远重新加载。我想设置一个 cookie 并仅在它未设置时重新加载,但我已经将 cookie 用于全局变量,我不愿意过度使用它。

我在网上找到了答案:

window.location.href = "level1-2.html" + "?a="+Math.random(); //redirect

让浏览器误以为它是新的 url。但我不会被愚弄 (Firefox)。

将动画 gif 转换成视频也许可以解决这个问题,但它会使加载时间变长,不是吗?

欢迎所有建议。

您是否试图在不重新加载的情况下修改 URL 以“愚弄”浏览器?如果是这样,这可能有效:

window.history.pushState( , , 'level1-2.html');

它使用历史API