如何让GIF“不同步”

Question

我正在尝试可靠地加载相同的GIF，但让它在不同的时间播放。

总的来说，我希望找到一个可以告诉我渲染规则的规范（即什么同步什么不同步），但我还没有找到任何这样的标准。有没有关于GIF如何在时间方面呈现的规范？

请考虑以下示例：

• https://i.stack.imgur.com/LwWBD.gif
• https://i.stack.imgur.com/LwWBD.gif?blah=1
• https://i.stack.imgur.com/3As1l.gif

Safari，无论URL如何，似乎都保持一致。初始加载时Chrome会按照URL分隔时间，但最终会使它们同步。 Firefox似乎完全依赖于URL而没有任何参数来确定同步。

任何见解都将受到赞赏。

Answer 1

在Chrome上测试过，abney317的答案对我有用。通过在URL末尾添加查询字符串，我可以错开开始时间。

const image = document.querySelector('img');
img.src = imgUrl + '?id=' + Math.floor(Math.random() * 100);