Javascript 如何将JS添加到此代码中，使其自动滑动？

如何使其自动滑动？ 我已经做了，所以你可以手动滑动它们，但我希望它们同时移动

var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
    showSlides(slideIndex += n);
}

function currentSlide(n) {
    showSlides(slideIndex = n);
}

function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("mySlides");

    if (n > slides.length) {
        slideIndex = 1
    }
    if (n < 1) {
        slideIndex = slides.length
    }
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slides[slideIndex - 1].style.display = "block";
    dots[slideIndex - 1].className += " active";
}
};

var slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
如果（n>幻灯片长度）{
slideIndex=1
}
if（n<1）{
slideIndex=slides.length
}
对于（i=0；i

您可以使用以下代码使其正常工作

var slideIndex = 1;
    $(function () {
        automaticSlider();
    })

    function automaticSlider() {
        showSlides(slideIndex);
        setInterval(function () { automaticSlider(); }, 1000) // 1000 is 1 sec before calling next slide.
    }

function plusSlides(n) {
    showSlides(slideIndex += n);
}

function currentSlide(n) {
    showSlides(slideIndex = n);
}

function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("mySlides");

    if (n > slides.length) {
        slideIndex = 1
    }
    if (n < 1) {
        slideIndex = slides.length
    }
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slides[slideIndex - 1].style.display = "block";
    dots[slideIndex - 1].className += " active";
}
};

var slideIndex=1；
$（函数（）{
自动滑翔机（）；
})
函数自动滑动器（）{
放映幻灯片（幻灯片索引）；
setInterval（函数（）{automaticSlider（）；}，1000）//1000是调用下一张幻灯片前的1秒。
}
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
如果（n>幻灯片长度）{
slideIndex=1
}
if（n<1）{
slideIndex=slides.length
}
对于（i=0；i

---

在加载时调用函数automaticSlider（），然后在1秒后调用它automaticSlider（）函数。你可以根据你的要求增加时间

您可以使用下面的代码使其工作

var slideIndex = 1;
    $(function () {
        automaticSlider();
    })

    function automaticSlider() {
        showSlides(slideIndex);
        setInterval(function () { automaticSlider(); }, 1000) // 1000 is 1 sec before calling next slide.
    }

function plusSlides(n) {
    showSlides(slideIndex += n);
}

function currentSlide(n) {
    showSlides(slideIndex = n);
}

function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("mySlides");

    if (n > slides.length) {
        slideIndex = 1
    }
    if (n < 1) {
        slideIndex = slides.length
    }
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
    }
    slides[slideIndex - 1].style.display = "block";
    dots[slideIndex - 1].className += " active";
}
};

var slideIndex=1；
$（函数（）{
自动滑翔机（）；
})
函数自动滑动器（）{
放映幻灯片（幻灯片索引）；
setInterval（函数（）{automaticSlider（）；}，1000）//1000是调用下一张幻灯片前的1秒。
}
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
如果（n>幻灯片长度）{
slideIndex=1
}
if（n<1）{
slideIndex=slides.length
}
对于（i=0；i

---

在加载时调用函数automaticSlider（），然后在1秒后调用它automaticSlider（）函数。你可以根据你的要求增加时间

你能把这个放到工作中吗？你能把这个放到工作中吗？

slideIndex

在你的例子中没有索引，索引没有增加或减少。在那之前没有添加整个代码，但现在是！！更新了代码。如果这解决了您的错误，请将此标记为答案@Valeriadg

slideIndex

在您的示例中未索引，索引未递增或递减。在此之前未添加整个代码，但现在是！！更新了代码。如果这解决了您的错误，请将其标记为答案@Valeriadg