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...