setInterval的幻燈片圖像

Question

這是我做了什麼：

<img id="neigeuint2" border="0" /> 
var image=document.getElementById("neigeuint2"); 
var img_array = [ 
    "http://dummyimage.com/300x200/000000/fff.jpg&text=+", 
    "http://dummyimage.com/300x200/F00/F00.jpg&text=+" 
]; 
var index = 0; 
function slide() { 
    index = index % img_array.length; 
    image.src = img_array[index]; 
    index++; 
} 
setInterval(slide, 800); 

它的工作原理，但我想複製粘貼和重命名neigeuint2在同一時間有兩個動畫。

但是當我這樣做，其中只有一個工作，我怎麼能得到這個工作？

Answer 1

There you go

var image1=document.getElementById("neigeuint2"); 
var image2=document.getElementById("neigeuint3"); 

var img_array = [ 
    "http://dummyimage.com/300x200/000000/fff.jpg&text=+", 
    "http://dummyimage.com/300x200/F00/F00.jpg&text=+" 
]; 

function slide(index, image) { 
    index = index % img_array.length; 
    image.src = img_array[index]; 
} 
var index1 = 0; 
setInterval(function() { slide(index1++, image1) }, 800); 
var index2 = 0; 
setInterval(function() { slide(index2++, image2) }, 800); 

But I wouldn't do it the way you did...