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