我正在尝试创建一个图像旋转器，其中图像每 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/