Как правильно поправить данный скрипт?

Question

[Qias]

function load() {
    let i = document.getElementsByClassName("preloader");
    let a = 0;
    let x = 0;
    setInterval(() => {
        while (a < 50) {
            a++;
        i[0].setAttribute("style", `transform: translate(${x++}px);`); // при прокрутке цикла он просто добавляет в style сразу 49px;
        }   
    }, 1000);
}

Comments

[Qias]

Легче сделать в css?

[WapSter]

Qias, анимации всегда стоит делать на css. Цикл слишком быстро работает по этому и добавляется сразу 49.