Как работает свойство left? [дубликат]

283

23 июля 2021, 17:10

На этот вопрос уже дан ответ здесь:

Как увеличивать значение style.left? (1 ответ)

Закрыт 1 год назад.

Как менять значение left с интервалом? Например left = -800px , нужно каждые три секунды увеличивать left на 260px , как правильно прописать свойство в js , у меня получилось так - progressLine.style.left = `${"+" + 200 + "px"}`;

Но этот вариант работает только один раз, то-есть он не прибавляет к left 200px , а просто меняет 800px на 200px

Answer 1

У Вас синтаксис не совсем верный.
Попробуйте такой вариант:

setInterval(() => {
  const { left } = progressLine.style;
  const newLeft = parseInt(left, 10) + 200;
  progressLine.style.left = `${newLeft}px`;
}, 3000);