gif动画结束时显示文本答案

【问题标题】：Display text when gif animation endsgif动画结束时显示文本
【发布时间】：2011-10-14 19:58:40
【问题描述】：

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

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

如何使这个 div.. 在最后一帧之后显示文本？ Javascript中是否有任何功能或类似的东西？谢谢。。

【问题讨论】：

【解决方案1】：

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

function DisplayDiv(){

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

}

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

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

【讨论】：

【解决方案2】：

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

根据 Joel 的建议，SetTimeout 非常不可靠，并且依赖于浏览器，AFAIK。

【讨论】：