javascript - 使用 JavaScript 设置 GIF 循环计数和发布停止事件

Question

是否可以使用 JavaScript 设置 GIF 图像的循环计数，然后在停止播放时发布事件？

例如:

//html code
<img src="myImage.gif" id="img1"/>

//Javascript code
var image = document.getElementById('img1');

//Image must stop playing after 3 loops
image.setLoopCount = 3;

Answer 1

这是我建议的做法:

• 从 gif 文件中提取帧(您可以使用 for instace -> http://imgops.com/ 在线完成)
• 使用javascript来改变图片，模拟动画(这样你就可以跟踪你做了多少次循环)

这是一个 jsFiddle 链接 http://jsfiddle.net/qustosh/n5zWH/9/ 我用的是 jQuery。我做了三个循环，最后抛出了一个回调函数。