試圖創建簡單的JavaScript幻燈片放映

Question

幻燈片將六幅圖像輪流1.JPG 2.JPG 3.JPG 4.JPG 5.JPG 6.JPG

var showarray = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg"]; 

var i = 0; 

for(i = 0; i < 6; i++) 
{ 
    // How can I make this script wait for two seconds in this spot 
    // so the pic is displayed for two seconds? 

    document.getElementById("imageid").src = showarray[i]; 
    if(i == 5) i = 0; 

} 

我還包括jQuery的這一頁如果那是另一種方式。

感謝很多提前

Answer 1

查找到setTimeout()方法。這樣稱呼它：

setTimeout(function() { 
    // change the source of the image here. 
}, 1000 /* 1 SECOND */); 

Answer 2

你不想讓它睡兩秒鐘。這會從瀏覽器中拿走控制權並且非常糟糕。嘗試這樣的東西（我在JS不好）：

var showarray = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg"]; 
var i = 0; 
var newPic; 

newPic = function() { 
    i = i+1 % 6; 
    document.getElementById("imageid").src = showarray[i]; 
    setTimeout(newPic, 2000); 
} 

newPic();