Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 设置间隔幻灯片图像_Javascript - Fatal编程技术网

Javascript 设置间隔幻灯片图像

Javascript 设置间隔幻灯片图像,javascript,Javascript,这就是我所做的: <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 ind

这就是我所做的:

<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);

它可以工作,但我想复制粘贴并重命名
neiguint2
,以便同时拥有两个动画

但是当我这么做的时候,只有其中一个起作用,我怎样才能让它起作用呢


您能显示完整的代码吗?如果不起作用的话,没问题。我想解释一下为什么你的代码不能按你期望的方式工作;但是这里有很多相同的答案,我只是不喜欢。这里的关键词是:范围界定。学习你的语言,这就是我要说的。
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);