自动播放滑块和无限幻灯片

问题描述

我需要在我的滑块上添加一个自动播放功能,并添加一个无限的幻灯片。 我是JS新手,不胜感激,我需要做些什么才能实现它。

检查以下代码

var button = document.getElementById('next');
button.onclick = function () {
    var container = document.getElementById('card_slider_1');
    sideScroll(container,'right',25,1244,20);
                behavior: 'smooth';
};

var back = document.getElementById('prev');
back.onclick = function () {
    var container = document.getElementById('card_slider_1');
    sideScroll(container,'left',20);
    behavior: 'smooth';
};

function sideScroll(element,direction,speed,distance,step){
    scrollAmount = 0;
    var slideTimer = setInterval(function(){
        if(direction == 'left'){
            element.scrollLeft -= step;
        } else {
            element.scrollLeft += step;
        }
        scrollAmount += step;
        if(scrollAmount >= distance){
            window.clearInterval(slideTimer);
        }
    },speed);
}

谢谢:)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)