Javascript 我的幻灯片放映赢得了';不要滑到下一张幻灯片

Javascript 我的幻灯片放映赢得了';不要滑到下一张幻灯片,javascript,html,css,Javascript,Html,Css,我有一个基本的幻灯片,它不会滑动到下一张幻灯片,我已经设置为每2秒滑动一次。我搜索过youtube、谷歌甚至这个网站,但每种方法都不起作用 var slideIndex=0; 放映幻灯片(); 函数showSlides(){ var i; var slides=document.getElementsByClassName(“mySlides”); var dots=document.getElementsByClassName(“dot”); 对于(i=0;i幻灯片长度){ slideInd

我有一个基本的幻灯片,它不会滑动到下一张幻灯片,我已经设置为每2秒滑动一次。我搜索过youtube、谷歌甚至这个网站,但每种方法都不起作用

var slideIndex=0;
放映幻灯片();
函数showSlides(){
var i;
var slides=document.getElementsByClassName(“mySlides”);
var dots=document.getElementsByClassName(“dot”);
对于(i=0;i幻灯片长度){
slideIndex=1
}
对于(i=0;i
*{
框大小:边框框;
}
身体{
字体系列:Verdana,无衬线;
}
迈斯利德斯先生{
显示:无;
}
img{
垂直对齐:中间对齐;
}
/*幻灯片容器*/
.slideshow容器{
最大宽度:1000px;
位置:相对位置;
保证金:自动;
}
/*标题文本*/
.文本{
颜色:#F2F2;
字体大小:15px;
填充:8px 12px;
位置:绝对位置;
底部:8px;
宽度:100%;
文本对齐:居中;
}
/*数字文本(1/3等)*/
.numbertext{
颜色:#F2F2;
字体大小:12px;
填充:8px 12px;
位置:绝对位置;
排名:0;
}
/*点/子弹/指示器*/
多特先生{
高度:15px;
宽度:15px;
边际:0.2px;
背景色:#bbb;
边界半径:50%;
显示:内联块;
过渡:背景色0.6s;
}
.主动{
背景色:#717171;
}
/*褪色动画*/
.褪色{
-webkit动画名称:淡入淡出;
-webkit动画持续时间:1.5s;
动画名称:淡入淡出;
动画持续时间:1.5s;
}
@-webkit关键帧淡入淡出{
从{
不透明度:.4
}
到{
不透明度:1
}
}
@关键帧淡入淡出{
从{
不透明度:.4
}
到{
不透明度:1
}
}
/*在较小的屏幕上,减小文本大小*/
@仅介质屏幕和(最大宽度:300px){
.文本{
字号:11px
}
}

1/3
2/3
3/3
正在工作


HTML中存在一些错误,例如错误放置和缺少结尾
标记以及脚本代码。对于这种情况,请尝试进行更多调试。

为什么要在涉及第一张幻灯片的div.myslide中包含幻灯片2和3?