Анимация на JS

function animate(){
    let start = performance.now();  
    step(start);
    console.log('animation');       
    function step(start) {
        let value = (performance.now() - start)/1000;
        if (value < 10){
            requestAnimationFrame(step);
        }
    }
}

button.addEventListener(
    'click',
    () => {
        let start = 2;
        console.log(start);
        function steps() {
            start++;
            button.style.top = start + "%";
            if (starts < 90){
                requestAnimationFrame(steps);
            }
        }
    }
)

function animate(){
    let start = performance.now();  
    let prevtime = start;
    let v = 100/1000; // скорость - пикселей в мс. (100px/с)
    
    console.log('animation'); 
          
    function step(curenttime) {
        const dt = curenttime - prevtime; // время между текущим и предыдущим вызовом
        let done = false;
        
        // тут в зависимости от dt и требуемой скорости 
        const dx = v * dt;
        // делаем смещение элемента на dx пикселей
 
        
        // Как то в зависимости от положения элемента, времени или еще чего то
        // вычисляем done = true - если больше не надо ничего двигать
        
        if (! done){
            requestAnimationFrame(step);
        }
    }
    
    requestAnimationFrame(step);
 
}