Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 计数gif回放_Javascript_Jquery_Animation_Animated Gif - Fatal编程技术网

Javascript 计数gif回放

Javascript 计数gif回放,javascript,jquery,animation,animated-gif,Javascript,Jquery,Animation,Animated Gif,可以计算动画gif使用javascript/jquery播放了多少次吗?不,这是不可能的 但是,您可以使用setInterval创建一个间隔,动画的持续时间会增加计数器。正如@ThiefMaster所说,GIF动画无法做到这一点 但是,您可以使用javascript动画实现您想要的 与其将动画的帧保存在GIF动画中,不如将它们保存在单个PNG文件中,水平或垂直地成行(即看起来像一卷胶片) 在页面上的某个元素中显示图像,该元素的大小使您一次只能看到动画的一帧,然后使用Javascript使用set

可以计算动画gif使用javascript/jquery播放了多少次吗?

不,这是不可能的


但是,您可以使用
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转换。