有没有从一开始就可以制作动画gif的方法？

问题描述

我有一个动画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');

它使用了History API