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