Javascript 如何在几秒钟后更改一次图像？_Javascript_Html

Javascript 如何在几秒钟后更改一次图像？

javascript html

Javascript 如何在几秒钟后更改一次图像？,javascript,html,Javascript,Html,我试图让一个图像在10秒后从一个图像切换到另一个图像。我发现了这段代码（如下），但它每10秒在图像之间不断变化仅更改一次图像后，如何使其停止演示您可以调用更改图像功能一次： setTimeout(function(){ document.getElementById("img1").src = "IMAGE2.png"; }, 10000); 或者使用您的代码： <!DOCTYPE html> <head> <title

我试图让一个图像在10秒后从一个图像切换到另一个图像。我发现了这段代码（如下），但它每10秒在图像之间不断变化

仅更改一次图像后，如何使其停止


演示

您可以调用更改图像功能一次：

setTimeout(function(){
    document.getElementById("img1").src = "IMAGE2.png";
}, 10000);

或者使用您的代码：

<!DOCTYPE html>
    <head>
        <title>Demo</title>
    </head>

    <body>
        <img id="img1" src="IMAGE1.gif" />
        <script>
            setTimeout(function(){
                document.getElementById("img1").src = "IMAGE2.png";
            }, 10000);
        </script>
    </body>
</html>


演示
setTimeout（函数（）{
document.getElementById（“img1”）.src=“IMAGE2.png”；
}, 10000);

您可以调用更改图像功能一次：

setTimeout(function(){
    document.getElementById("img1").src = "IMAGE2.png";
}, 10000);

或者使用您的代码：

<!DOCTYPE html>
    <head>
        <title>Demo</title>
    </head>

    <body>
        <img id="img1" src="IMAGE1.gif" />
        <script>
            setTimeout(function(){
                document.getElementById("img1").src = "IMAGE2.png";
            }, 10000);
        </script>
    </body>
</html>


演示
setTimeout（函数（）{
document.getElementById（“img1”）.src=“IMAGE2.png”；
}, 10000);

正要发布一个相同的答案。向上投票！很快就成功了非常感谢你，我真的很感谢你抽出时间。你真是太棒了，再次感谢你，所以我们将要发布一个相同的答案。向上投票！很快就成功了非常感谢你，我真的很感谢你抽出时间。你又很棒了非常感谢