如何为Swiper实现的Img-Slider添加自动轮播功能？

只需在Swiper的初始化配置中添加autoplay参数即可实现自动滚动，以下是修改后的完整代码：

document.addEventListener("DOMContentLoaded", function() {
    var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        // 新增自动滚动配置
        autoplay: {
            delay: 3000, // 每张图片停留3秒（单位：毫秒），可按需调整
            disableOnInteraction: false, // 用户操作轮播后不停止自动滚动，可选配置
        },
        pagination: {
            el: '.swiper-pagination' ,
            clickable: true
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev'
        }
    });
});

关键参数说明 #

• delay：设置自动切换的间隔时间，默认值为3000毫秒，可根据需求修改数值
• disableOnInteraction：默认值为true，即用户点击分页器或导航按钮后自动滚动会停止；设为false则会继续保持自动播放

内容的提问来源于stack exchange，提问作者IlChiller