Javascript 在一页中使用两个旋转木马

Javascript 在一页中使用两个旋转木马,javascript,html,Javascript,Html,我现在正在设计一个使用html和javascript的web应用程序。我想知道如何在一个页面中使用两个图像滑块(旋转木马) var myIndex=0; 转盘(); 函数旋转木马(){ var i; var x=document.getElementsByClassName(“mySlides”); 对于(i=0;ix.length){myIndex=1} x[myIndex-1].style.display=“block”; 设置超时(旋转木马,5000); } 你可以用很多方法来做。 这样

我现在正在设计一个使用html和javascript的web应用程序。我想知道如何在一个页面中使用两个图像滑块(旋转木马)

var myIndex=0;
转盘();
函数旋转木马(){
var i;
var x=document.getElementsByClassName(“mySlides”);
对于(i=0;ix.length){myIndex=1}
x[myIndex-1].style.display=“block”;
设置超时(旋转木马,5000);
}

你可以用很多方法来做。 这样,按照您编写的代码,只需使用可以在循环中生成的类名。例如:

class="slides1"
可通过以下方式生成:

var i=1
var class_name="slides"
class_name=class_name+i
我希望有帮助

var myIndex=0;
转盘();
函数旋转木马(){
var caro_sel=1;
对于(caro_sel=1;caro_sel x.length){myIndex=1}
x[myIndex-1].style.display=“block”;
设置超时(旋转木马,5000);
} 
}

虽然不是函数式的东西,但如果您将变量声明为
x
或其他任何形式,则很难理解。使用诸如
var carousel=document.getElementsByClassName(“mySlides”)之类的语义