用Javascript播放一次后让GIF消失？

Question

这个问题之前已经回答过了，但是这个答案对我来说并不适用，因为我需要我的 GIF 在播放一次后真正消失，因为它是 png 图像的 GIF，它会消失。

我有一个用我的 gif 替换我的图像的功能，但是我遇到的问题是它一直在循环，但我需要它在播放一次后消失。

function muda_cad () {
            cad1.src='images/cadeado/cadeado-gif.gif'
        }

Answer 1

JS不知道git循环，但是如果你知道时间，你可以用SetTimeout创建一个延迟：

function muda_cad () {
    cad1.src='images/cadeado/cadeado-gif.gif'
    // Wait 1sec and replace by png
    setTimeout(function() {
        cad1.src='images/cadeado/cadeado-png.png'
    }, 1000) 
}