Javascript 如何在鼠标上方暂停幻灯片放映

我试图让下面的幻灯片在鼠标悬停时暂停。现在，当您将鼠标悬停在图像上时，幻灯片会在1&3或2&4之间反弹，似乎是时间的一半

var slideIndex=1；
var millis=1000；
nextSlide（）；
var间隔=设定间隔（下一次滑动，毫秒）；
函数resumelides（）{
nextSlide（）；
}
函数pauseSlides（）{
间隔时间；
}
函数nextSlide（）{
幻灯片（）；
slideIndex++；
}
函数加滑块（n）{
间隔时间；
slideIndex+=n；
nextSlide（）；
间隔=设定间隔（下一次滑动，毫秒）；
}
功能当前幻灯片（n）{
间隔时间；
slideIndex=n+1；
nextSlide（）；
间隔=设定间隔（下一次滑动，毫秒）；
}
函数showSlide（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）{
slideIndex=1；
}
如果（滑动索引<1）{
slideIndex=slides.length；
}
对于（i=0；i

/*幻灯片放映容器*/
.slideshow容器{
宽度：600px；
位置：相对位置；
保证金：自动；
高度：600px；
}
.幻灯片导航{
文本对齐：居中；
填充：30px0；
}
迈斯利德斯先生{
宽度：自动；
}
/*点/子弹/指示器*/
多特先生{
高度：13px；
宽度：13px；
边际：0.2px；
背景颜色：浅灰色；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.active，.dot:悬停{
背景色：#717171；
}
/*下一步和上一步按钮*/
.prev，.next{
光标：指针；
位置：绝对位置；
顶部：20px；
宽度：自动；
填充：6px；
颜色：黑色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
.prev:悬停，.next:悬停{
背景色：黑色；
颜色：白色；
}

❮
❯
图1

图2

图3

图4

修复您的打字错误

puaselides（）

将初始化代码包装到函数中（请参见

startSlides（）

）

使用

mouseenter

代替

mouseover

和

mouseleave

代替

mouseout

var slideIndex=1；
var millis=1000；
var区间；
startSlides（）；
函数startSlides（）{
pauseSlides（）；
nextSlide（）；
间隔=设定间隔（下一次滑动，毫秒）；
}
函数resumelides（）{
nextSlide（）；
}
函数pauseSlides（）{
间隔时间；
}
函数nextSlide（）{
幻灯片（）；
slideIndex++；
}
函数加滑块（n）{
间隔时间；
slideIndex+=n；
nextSlide（）；
间隔=设定间隔（下一次滑动，毫秒）；
}
功能当前幻灯片（n）{
间隔时间；
slideIndex=n+1；
nextSlide（）；
间隔=设定间隔（下一次滑动，毫秒）；
}
函数showSlide（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
对于（i=0；i幻灯片长度）{
slideIndex=1；
}
如果（滑动索引<1）{
slideIndex=slides.length；
}
对于（i=0；i

/*幻灯片放映容器*/
.slideshow容器{
宽度：600px；
位置：相对位置；
保证金：自动；
高度：600px；
}
.幻灯片导航{
文本对齐：居中；
填充：30px0；
}
迈斯利德斯先生{
宽度：自动；
}
/*点/子弹/指示器*/
多特先生{
高度：13px；
宽度：13px；
边际：0.2px；
背景颜色：浅灰色；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.active，.dot:悬停{
背景色：#717171；
}
/*下一步和上一步按钮*/
.prev，.next{
光标：指针；
位置：绝对位置；
顶部：20px；
宽度：自动；
填充：6px；
颜色：黑色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
.prev:悬停，.next:悬停{
背景色：黑色；
颜色：白色；
}

❮
❯
图1

图2

图3

图4

puaselides
是拼写错误的
pauseSlides
。不是“puaselides（）”。