我需要在我的滑块上添加一个自动播放功能,并添加一个无限的幻灯片。 我是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',25,1244,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);
}
谢谢:)