passing argument to requestAnimationFrame

Question

How I can pass argument to reqestAnimationFrame ? let's say I have this code,how I can pass argument to requestAnimationFrame

var element = document.getElementById("SomeElementIWantToAnimate");
element.style.position = 'absolute';

function step(number) {
element.style.left = ""+Math.min(progress/10, 200) + "px";
window.requestAnimationFrame(step);
}

window.requestAnimationFrame(step); //how I can pass a "number" argument here

`window.requestAnimationFrame(function(timestamp) { step(yourNumberGoesHere);})` — Jaromanda X, Nov 18 '16 at 23:50

score 0 · Answer 1 · answered Apr 24 '19 at 23:29

The parameter is current timestamp, not a step and you need to call requestAnimationFrame again and again until your animation is done

I find this solution while I develop a small library I have created one, which is very simple and small

https://github.com/allenhwkim/jsanimation

Usage

import {slideInRight} from 'jsanimation';
slideInRight(el);

passing argument to requestAnimationFrame

1 Answers1