gif 动画结束时显示文本

Question

我在互联网上搜索，但没有找到正确的答案。 例如，如果我有：

<img src="gif.gif" loop="false" />

如何使该 div.. 在最后一帧后显示文本？ Javascript中有什么函数或者类似的东西吗？ 谢谢..

Answer 1

一旦确定了 .gif 文件的时间，您将需要使用 JavaScript 函数来按提示显示 div。

function DisplayDiv(){

    $('#myDiv').addClass('ShowDiv');

}

SetTimeout('DisplayDiv', 1000); // 1000 is milliseconds

这都是伪代码。必须对其进行调整以满足您的需求和时间安排。我很可能认为您需要 SetTimeout 在页面加载时运行。

Answer 2

据我所知，GIF动画帧和JavaScript之间没有交互的方式。
一个建议是将动画移动到画布上。

正如 Joel 所建议的，SetTimeout 非常不可靠，并且依赖于浏览器，据我所知。