0

Есть слайдер, нужно чтобы по нажатию на кнопку он пролистывал 400px постоянно, но у меня получается только один раз сделать, а дальше он стоит на месте. Вот код:

function slidesFieldTransform() {
    slidesField.style.transform = `translateX(-${400}px)`;
}

1 ответ 1

1

Чтобы Ваш слайдер не заканчивал работу, вам нужно запускать код функции внутри "вечного" цикла. К примеру, вариант с while:

function slidesFieldTransform() {
    while (true) {
      setTimeout(function(){ 
         slidesField.style.transform = `translateX(-${400}px)`; 
       }, 1000)
    }
}

Таким образом, у Вас будет вечная прокрутка с интервалом в одну секунду, Вы можете изменить количество миллисекунд интервала, либо же применить собственное решение для красивой работы слайдера.

Либо же вы можете использовать setInterval для постоянной прокрутки:

function slidesFieldTransform() {
    setInterval(function(){ 
         slidesField.style.transform = `translateX(-${400}px)`; 
    }, 1000)
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.