gpt4 book ai didi

javascript - 如何在几秒后更改图像一次?

转载 作者:行者123 更新时间:2023-11-28 17:28:03 26 4
gpt4 key购买 nike

我试图让图像在 10 秒后从一张图像更改为另一张图像。我找到了这段代码(如下),但它每 10 秒在图像之间不断变化。

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

<!DOCTYPE html>
<html>

<head>
<title>Demo</title>
</head>

<body onload="startTime();"><img id="img1" />
<script>
var imgArray = new Array(" IMAGE1.gif", "IMAGE2.png");
var imgCount = 0;

function startTime() {
if (imgCount == imgArray.length) {
imgCount = 0;
}
document.getElementById("img1").src = imgArray[imgCount];
imgCount++;
setTimeout("startTime()", 10000);
}
</script>
</body>

</html>

如果您可以帮助我或知道代码,请帮助我。

最佳答案

您可以调用一次更改图像函数:

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

Working example here

或者使用您的代码:

<!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>

关于javascript - 如何在几秒后更改图像一次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51127610/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com