我试图在网站上制作一个介绍性的动画徽标，我想让动画播放一次，然后触发一个简短的脚本，显示一个＆＃34;继续＆＃34;按钮。我希望在HTML中有一种方法可以告诉GIF只循环一次，但我找不到任何这样的属性或标签。所以现在我无法在GIF完成动画后找到任何类型的触发功能，这让我发疯了！
我很感激任何帮助解决这个问题，或者指向更好的动画格式以解决所有这些废话。
答案 0 :(得分：3)
我查看了http://gifshake.com上的代码，看起来该网站使用http://gifshake.com/assets/application-0d2f240603d4b373f1d6768aa71baf42.js将其gif转换为交互式画布。如果您想知道，他们使用的代码是：
var sup1 = new SuperGif({ gif: document.getElementById('thegif') } );
sup1.load();
其中带有id="thegif"的元素是具有src属性的图像，其中包含gif图像的网址。无论如何，我认为除了导入那些相同的库之外，没有真正简单的方法来控制这样的gif。对于像你这样的情况，我并不认为这是最实用的解决方案。你最好只是在GIMP这样的图像编辑器中编辑gif，并将其设置为只播放一次，而不是无限播放。您可以通过打开GIF，然后按 Ctrl + E （导出）来执行此操作，并将其另存为gif。然后在更改其他选项时，将其另存为动画，并取消选中“ 循环＆＃39;”复选框。我希望有所帮助。
TL; DR：仅凭可控制的JavaScript量无法做到这一点;你最好自己简单地编辑gif。