Javascript在计时器上更改图像

Question

我正在尝试使用javascript（而不是jquery）旋转6张图片的集合。 显示第一个图像，但其余图像不旋转。 这是我的代码：

<html>
<head>
<script type="text/javascript">
function rotatePic() {

var qutAd = document.getElementById("yumOreos");
var imgs = ["images/img1.png", "images/img2.png", "images/img3.png", "images/img4.png", "images/img5.png", "images/img6.png"];
var ad = 0;

qutAd.src = imgs[ad];

setInterval(function () {ad++;if (ad == imgs.length) {ad = 0;}}, 4000);
}  

</script>
</head>
<body onload="rotatePic()">
     <img id="yumOreos">
</body>
</html>

我究竟做错了什么？ 谢谢。

Answer 1

您还必须在间隔功能中设置src 。

setInterval(function () {
    ad++;
    if (ad == imgs.length) ad = 0;
    qutAd.src = imgs[ad];
}, 4000);

Answer 2

您忘记了更改数组的索引，而是更改了源。 所以你可以这样做

setInterval(function () {if (ad == imgs.length) {ad = 0;} qutAd.src =imgs[ad++]}, 4000);
}

Javascript在计时器上更改图像

问题描述

2 个解决方案

解决方案1
1 已采纳 2014-12-16 22:06:32

解决方案2
0 2014-12-16 22:09:02

Javascript在计时器上更改图像

问题描述

2 个解决方案

解决方案1 1 已采纳 2014-12-16 22:06:32

解决方案2 0 2014-12-16 22:09:02

解决方案1
1 已采纳 2014-12-16 22:06:32

解决方案2
0 2014-12-16 22:09:02