gpt4 book ai didi

javascript - 使用 Javascript 的图像旋转器

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

我正在尝试创建一个图像旋转器,其中图像每 3 秒更改一次。但问题是,图像没有显示。这是我的代码:

    <html>


<script type='text/javascript'>

var myScreen=document.getElementById("banner");
var pictures=['stephIrv.jpg','pintball.jpg','badminton.jpg','running.jpg','boxing.jpg'];
var ttlPics = pictures.length;
var i=0;
function slideShow()
{
if(i > (ttlPics - 1))
{
i=0;
}
myScreen.innerHTML = '<img src="'+pictures[i]+'">';
i++;
loopTimer = setTimeout(slideShow,3000);
}
slideShow();
</script>
<body>

<div id = 'banner'></div>


</body>

</html>

最佳答案

您的图片需要与脚本位于同一文件夹中。但我想你已经有了。

我要改变的第一件事是在 setTimeout 中使用 slideShow 而不是 'loop()'

loopTimer = setTimeout(slideShow, 3000);

希望有帮助。

关于javascript - 使用 Javascript 的图像旋转器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34141154/

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