Javascript 计数gif回放
可以计算动画gif使用javascript/jquery播放了多少次吗?不,这是不可能的Javascript 计数gif回放,javascript,jquery,animation,animated-gif,Javascript,Jquery,Animation,Animated Gif,可以计算动画gif使用javascript/jquery播放了多少次吗?不,这是不可能的 但是,您可以使用setInterval创建一个间隔,动画的持续时间会增加计数器。正如@ThiefMaster所说,GIF动画无法做到这一点 但是,您可以使用javascript动画实现您想要的 与其将动画的帧保存在GIF动画中,不如将它们保存在单个PNG文件中,水平或垂直地成行(即看起来像一卷胶片) 在页面上的某个元素中显示图像,该元素的大小使您一次只能看到动画的一帧,然后使用Javascript使用set
但是,您可以使用
setInterval
创建一个间隔,动画的持续时间会增加计数器。正如@ThiefMaster所说,GIF动画无法做到这一点
但是,您可以使用javascript动画实现您想要的
与其将动画的帧保存在GIF动画中,不如将它们保存在单个PNG文件中,水平或垂直地成行(即看起来像一卷胶片)
在页面上的某个元素中显示图像,该元素的大小使您一次只能看到动画的一帧,然后使用Javascript使用setInterval
或setTimeout
定期调整图像的CSS偏移量
这种技术称为CSS精灵动画。这很容易做到,而且基本上是现在在网络上制作spot图形动画的标准方式(GIF动画是Sooo 1998)
谷歌将为您提供大量资源,帮助您了解更多信息:
您可能还想阅读这个问题的公认答案:它与GIF动画的距离最近,但这还不够好,因为你无法在图像开始动画的那一刻设置它,也无法预测浏览器实际动画的速度GIF@Moiblpadde请单击绿色复选标记,而不是“无论如何谢谢”,为ThiefMaster的回答打分。他还需要再等10分钟。@ThiefMaster只等几分钟秒比我快:DDon不要忘记SVG动画,它可以直接在SVG DOM上使用javascript,但也支持声明式风格@sehe-很好的观点。然而,对于这个问题,我坚持使用CSS精灵,因为它们更容易从现有的动画GIF转换。