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非常不可靠，并且依赖于浏览器，AFAIK。