JavaScript旋转木马自身移动太快

JavaScript旋转木马自身移动太快,javascript,html,Javascript,Html,当我按下next或previous按钮或点时,图片本身开始移动过快。我找不到问题 这是一个有四个图像的旋转木马,它正在工作,但并不像它应该的那样。我认为问题出在JavaScript中,但我无法识别它 var slideIndex=1; 放映幻灯片(幻灯片索引); 函数加滑块(n){ 放映幻灯片(幻灯片索引+=n); } 功能当前幻灯片(n){ 放映幻灯片(幻灯片索引=n); } 功能演示幻灯片(n){ var i; var slides=document.getElementsByClassN

当我按下
next
previous
按钮或点时,图片本身开始移动过快。我找不到问题

这是一个有四个图像的旋转木马,它正在工作,但并不像它应该的那样。我认为问题出在JavaScript中,但我无法识别它

var slideIndex=1;
放映幻灯片(幻灯片索引);
函数加滑块(n){
放映幻灯片(幻灯片索引+=n);
}
功能当前幻灯片(n){
放映幻灯片(幻灯片索引=n);
}
功能演示幻灯片(n){
var i;
var slides=document.getElementsByClassName(“mySlides”);
var dots=document.getElementsByClassName(“dot”);
如果(n>slides.length){slideIndex=1;}
如果(n<1){slideIndex=slides.length;}
对于(i=0;islides.length){slideIndex=1;}
幻灯片[slideIndex-1].style.display=“block”;
设置超时(幻灯片显示,3000);
}

聪明的兄弟
项目一
项目二
项目三
项目四
❮
❯


要回答快速移动的旋转木马
JavaScript
支持
覆盖
而不是
重载
,这意味着,如果您定义了两个同名函数,则最后定义的函数将覆盖先前定义的版本,并且每次调用该函数时,最后定义的一个将被执行

var slideIndex=1;
放映幻灯片(幻灯片索引);
函数加滑块(n){
放映幻灯片(幻灯片索引+=n);
}
功能当前幻灯片(n){
放映幻灯片(幻灯片索引=n);
}
功能演示幻灯片(n){
var i;
var slides=document.getElementsByClassName(“mySlides”);
var dots=document.getElementsByClassName(“dot”);
如果(n>幻灯片长度){
slideIndex=1
}
if(n<1){
slideIndex=slides.length
}
对于(i=0;i幻灯片长度){
slideIndex=1;
}
幻灯片[slideIndex-1].style.display=“block”;
点[slideIndex-1]。类名+=“活动”;
设置超时(显示幻灯片1,3000);
}
*{
框大小:边框框
}
身体{
字体系列:Verdana,无衬线;
保证金:0
}
迈斯利德斯先生{
显示:无
}
img{
垂直对齐:中间对齐;
}
/*幻灯片容器*/
.slideshow容器{
最大宽度:1000px;
位置:相对位置;
保证金:自动;
}
/*下一步和上一步按钮*/
.prev,
.下一个{
光标:指针;
位置:绝对位置;
最高:50%;
宽度:自动;
填充:16px;
利润上限:-22px;
颜色:白色;
字体大小:粗体;
字号:18px;
过渡:0.6s缓解;
边界半径:0 3px 3px 0;
用户选择:无;
}
/*将“下一步按钮”置于右侧*/
.下一个{
右:0;
边界半径:3px 0 3px;
}
/*在悬停时,添加一个黑色背景色,带有一点透明*/
.prev:悬停,
.下一步:悬停{
背景色:rgba(0,0,0,0.8);
}
/*标题文本*/
/*数字文本(1/3等)*/
.numbertext{
颜色:#F2F2;
字体大小:12px;
填充:8px 12px;
位置:绝对位置;
排名:0;
}
/*点/子弹/指示器*/
多特先生{
光标:指针;
高度:15px;
宽度:15px;
边际:0.2px;
背景色:#bbb;
边界半径:50%;
显示:内联块;
过渡:背景色0.6s;
}
.主动,
.dot:悬停{
背景色:#717171;
}
/*褪色动画*/
.褪色{
-webkit动画名称:淡入淡出;
-webkit动画持续时间:1.5s;
动画名称:淡入淡出;
动画持续时间:1.5s;
}
@-webkit关键帧淡入淡出{
从{
不透明度:.4
}
到{
不透明度:1
}
}
@关键帧淡入淡出{
从{
不透明度:.4
}
到{
不透明度:1
}
}
/*在较小的屏幕上,减小文本大小*/
@仅介质屏幕和(最大宽度:300px){
.prev,
下一个
.文本{
字号:11px
}
}

聪明的兄弟
项目一
项目二
项目三
项目四
❮
❯


您有两个同名函数。--><代码>放映幻灯片这没有帮助。好的,我应该更改函数的名称吗?或者您的建议是什么?不必详细说明此代码中的多个错误,似乎控制幻灯片计时的具体内容是
setTimeout(showSlides,3000)我仍在学习JavaScript=)它正在工作,但当我按下“下一步”或“上一步”按钮时,它会中断,图片开始快速移动。我现在明白了,非常感谢,问题现在已经解决了。如果这有助于将答案标记为已接受并投票。快乐编码:)