.src=Array[i] 似乎不起作用？ [关闭]答案

【问题标题】：.src=Array[i] doesn't seem to work? [closed].src=Array[i] 似乎不起作用？ [关闭]
【发布时间】：2014-10-31 20:38:28
【问题描述】：

我正在尝试制作一个简单的幻灯片放映，并且正在尝试使当前的 src 成为新的数组，但它似乎不起作用。我知道我在某处犯了错误，但我找不到它。帮忙？

<!DOCTYPE html>
<html>
<head>

<script>
images = ["1.png", "2.png", "3.png", "4.png"];

for (i = 0; i < images.length; i++) {
    document.getElementById("demo").src= images[i] ;
}


</script>
</head>

<body>

<img id="demo" src="1.png" style="width:500px;height:350px;border: 2px solid grey;">

</body>
</html>

【问题讨论】：

请var你的变量。
请注意，即使您修复了 images 与 cars 的问题，该循环只会将您的演示元素设置为数组中的最后一个图像。（至少它会遍历整个数组，但速度如此之快，以至于您只能真正看到最后一张图像。）
@nnnnnn 我应该怎么做？
如果想法是让每张图片停留几秒钟，请使用setTimeout()。
@nnnnnn 是的，我知道 :) 但是为什么图像的 src 没有改变

标签： javascript jquery html arrays

【解决方案1】：

我在猜测，但这可能是你想要的：http://codepen.io/zvona/pen/rsIKi

将脚本添加到DOMContentLoaded
使用window.setTimeout()

【讨论】：

【解决方案2】：

也许问题出在 for 中。您正在使用 cars 变量而不是 images：

for (i = 0; i < images.length; i++)

问候。

【讨论】：