html - 如何获取 GIF "out of sync"

标签 html google-chrome internet-explorer firefox animated-gif

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

总的来说,我希望找到一个规范来告诉我渲染的规则是什么(即什么同步什么不同步),但我还没有找到任何这样的标准。是否有关于如何根据时间呈现 GIF 的规范?

考虑这些例子:

Safari 似乎使所有内容保持同步,无论 URL 如何。 Chrome 在初始加载时的计时通过 URL 分开,但最终使它们同步。 Firefox 似乎仅依赖 URL,不带任何参数来确定同步。

如有任何见解,我们将不胜感激。

最佳答案

在 Chrome 上进行了测试,abney317 的答案对我有用。通过在 URL 末尾添加查询字符串,我能够获得交错的开始时间。

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

关于html - 如何获取 GIF "out of sync",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48912757/

相关文章:

css - Chrome 中的 SVG 填充神器

javascript - 对象和 console.log 的奇怪行为

c++ - 连接到正在运行的 IE 实例 C++

javascript - IE8在使用prototype.js时报错 "Invalid argument",如何找到报错的地方?

HTML/JSP 显示表格的自定义重复背景图像

html - 表单 - CSS/必需属性事件样式

javascript - Angular 在内容脚本中可用吗

javascript - ie8更新值事件

javascript - chop ul li anchor 标记中的文本

html - 带边框的 css 菜单移出页面?