Javascript 前进或后退,如果按钮单击“其他”,则按“定时前进”
Javascript 前进或后退,如果按钮单击“其他”,则按“定时前进”,javascript,html,css,Javascript,Html,Css,我试图创建一个手动和自动滚动幻灯片。单击左向箭头时,我很难让旋转木马前进到下一张幻灯片;单击右向箭头时,我很难让旋转木马后退到下一张幻灯片,同时保持5秒的自动前进到下一张幻灯片
window.onload=函数{//add window.onload在此并将其设置为euqal函数
var slideIndex=0;
显示幻灯片幻灯片索引;
//下一个/上一个控件
函数plusSlidesn{
showSlidesSlidesIndex+=n;
}
//缩略图图像控件
函数currentlide
我试图创建一个手动和自动滚动幻灯片。单击左向箭头时,我很难让旋转木马前进到下一张幻灯片;单击右向箭头时,我很难让旋转木马后退到下一张幻灯片,同时保持5秒的自动前进到下一张幻灯片
window.onload=函数{//add window.onload在此并将其设置为euqal函数
var slideIndex=0;
显示幻灯片幻灯片索引;
//下一个/上一个控件
函数plusSlidesn{
showSlidesSlidesIndex+=n;
}
//缩略图图像控件
函数currentliden{
showSlidesslideIndex=n;
}
函数showSlidesn{
var i;
var slides=document.getelementsbyclassnammyslides;
var dots=document.getElementsByClassNamedot;
对于i=0;islides.length
{
slideIndex=1
}
如果n>slides.length{
slideIndex=0
}
对于i=0;i车还是有点乱,但这是你想要的吗
var slideIndex=0;
显示幻灯片幻灯片索引;
//下一个/上一个控件
函数plusSlidesn{
showSlidesSlidesIndex+=n;
}
//缩略图图像控件
函数currentliden{
showSlidesslideIndex=n;
}
函数showSlidesn{
var i;
var slides=document.getelementsbyclassnammyslides;
var dots=document.getElementsByClassNamedot;
对于i=0;islides.length{
slideIndex=1;
}
如果n>slides.length{
slideIndex=0;
}
对于i=0;i在这里,我解决了你的问题。添加了将重置时间间隔的函数绑定
还固定了箭头
window.onload=函数{//add window.onload在此并将其设置为euqal函数
var超时;
var slideIndex=0;
var幻灯片;
显示幻灯片幻灯片索引;
//下一个/上一个控件
window.plusSlides=函数n{
放映幻灯片n;
}
//缩略图图像控件
window.currentSlide=function n{
slideIndex=n-1
放映幻灯片;
}
函数绑定{
clearIntervaltimeOut
超时=SetIntervalsShowSlides,5000;
}
函数showSlidesn{
var i;
幻灯片=document.getelementsbyclassnammyslides;
var dots=document.getElementsByClassNamedot;
对于i=0;i=slides.length | | slideIndex<1
{
slideIndex=1
}
对于i=0;i一些什么,是的。我有那么远,但尝试了一些不同的东西,打破了它。但是,是的,这是我想要的。我明白你说的要点,但是箭头键不起作用。我注意到我可能忘记了右边的箭头。很抱歉,一开始什么都不起作用,所以我已经修复了圆点和计时器问题,现在更新了我的答案,还修复了您遇到的箭头问题