如何在新页面上重新启动 gif 动画？

【问题标题】：How to restart a gif animation on a new page?如何在新页面上重新启动 gif 动画？
【发布时间】：2011-03-26 09:42:36
【问题描述】：

我制作了一个运行了几秒钟的 GIF 动画，并且没有循环播放。当我将 gif 放在不同的页面上时，动画不会重新启动，因为它被缓存了......它只是停留在最后一帧。当它在新页面上时，如何让它重新启动？我知道如何重命名它或添加“？”给它，但它会给我带来带宽问题。

任何帮助将不胜感激。

【问题讨论】：

标签： javascript animation gif

【解决方案1】：

我不确定此方法是否会导致浏览器再次向您的服务器请求 GIF，但这应该会强制 GIF 动画在后续页面上重新启动：

您的图片：

<img id="animatedgif" src="picture.gif">

在页面底部，靠近结束 BODY 和 HTML 标签：

<script type="text/javascript">
    document.getElementById("animatedgif").src = "";
    document.getElementById("animatedgif").src = "picture.gif";
</script>

【讨论】：