Идея такова (сгенерирована ИИ)
<!-- Наш элемент для анимации -->
<div id="box"; style="width: 50px; height: 50px; background: royalblue; position: absolute; left: 0px;"></div>
const box = document.getElementById('box');
let position = 0; // Начальная координата X
function move() {
position += 5; // Сдвигаем на 5 пикселей за шаг
box.style.left = position + 'px'; // Обновляем позицию в DOM
// Если не дошли до 300px, планируем следующий шаг через 20 миллисекунд
if (position < 300) {
setTimeout(move, 20);
}
}
// Запускаем анимацию
move();
Нужно функции заменить на методы объекта.
-
Ответ изменён 20 часов, 51 минута назад пользователем
Mikhail.