html - 如何在一定时间后(在网页上)停止 GIF 动画?

标签 html animation gif

Possible Duplicate:
Stopping GIF Animation Programmatically

当我打开一个包含动画 GIF 的页面,并且该选项卡在窗口中处于事件状态时,它会耗尽 CPU。

我想知道是否有一种方法可以标记 HTML,以便 GIF 播放指定的时间或循环次数。

或者也许我最好使用静态图像并将其源设置为悬停时的 GIF(我相信大多数移动浏览器都通过允许在点击时设置悬停来进行修补)。

最佳答案

我不认为 HTML 或 DOM 提供对 GIF 动画的任何控制,但您可以通过图像生成工具对循环数量进行有限的控制。

例如,在 Photoshop 中:

enter image description here

IE9 和 Chrome 尊重循环计数;我想所有浏览器都会这样做,尽管我在规范中找不到关于循环应该如何表现的提及。

GIF89a Spec

如果您无法修改图像,或者想要在不同时间停止它们,也许只需使用一些 JavaScript 将动画 GIF 替换为静态 GIF。

关于html - 如何在一定时间后(在网页上)停止 GIF 动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11513250/

相关文章:

javascript - 列表更改 onclick

javascript - 提交按钮不起作用。为什么?

android - 循环动画集

c# - 如何减慢动画gif

javascript - 如何使用 HTML5 Canvas 和 Javascript 将 putImageData 与动画 gif 一起使用?

javascript - 如何用Jquery让TD向右滑动

javascript - 单击时的 CSS 过渡

css - 如何在同一个动画中使用不同的背景颜色?

java - 停止循环 GIF 图标

jquery - Magnific-popup 根本不起作用