在我的网站上，我试图展示一枚硬币在空中翻转多次并返回水面的动画。当动画结束时，它应该成为硬币落地一侧的静态图像。 我已经找到了多种方法来做到这一点，例如 CSS 动画、精灵，......但是如果我想要一个相当高级的动画，那么 CSS 动画的选项似乎非常有限，而其他动画似乎也有一些缺陷。 将动画图像显示一定时间然后变为静态图像的最佳方法是什么？
【问题讨论】：
标签： javascript html css image animation
一种选择是使用Javascript。你可以这样做：
<img src="animation.gif" alt="coin" id="yourImage">
<script>
var image = document.getElementById('yourImage');
window.setTimeout(changeImage, millisecondsToEndOfAnimation);
function changeImage() {
image.src = "staticImage.png";
}
</script>
【讨论】：