计数gif重播

时间:2012-05-22 22:42:05

标签: javascript jquery animation animated-gif

是否可以计算动画gif使用javascript / jquery播放的次数?

2 个答案:

答案 0 :(得分:4)

不,那是不可能的。

但是,您可以使用setInterval创建一个间隔,并使用动画的持续时间来增加计数器。

答案 1 :(得分:3)

正如@ThiefMaster所说,你不能用GIF动画做到这一点。

但是,你可以使用javascript动画实现你想要的效果。

不是将动画的帧保存在GIF动画中,而是将它们保存在单个PNG文件中,在水平或垂直方向上(即它看起来像一卷胶片)。

在页面上的元素中显示图像,该元素的大小使您一次只能看到一帧动画,然后使用Javascript定期使用setInterval调整图像的CSS偏移或setTimeout

这种技术称为CSS Sprite动画。它很容易做到,它基本上是现在在网上进行现场图形动画的标准方式(GIF动画是 soooo 1998)。

Google会为您提供大量资源,以帮助您了解更多信息:https://www.google.com/search?q=css+sprite+animations

您可能还想阅读此问题的已接受答案:Why not animated GIF instead of animated CSS sprites?