javascript - 任意の「更新」関数を requestAnimationFrame ループに渡すにはどうすればよいですか?

Question

現時点で私が持っているものは次のとおりです。

function animateLetter(letter, type){
    letter.css(type, '50%');
    var j = 50;
    loop(function(){
    letter.css(type, (j =- 5) + '%'); 
    return j < 0;
    });
   }

   function loop(run) {
       if(run.apply()) requestAnimationFrame(loop(run));
   }

なぜこれがうまくいかないのでしょうか？私はJSが初めてなので、明らかな何かが欠けている可能性があります。

Answer 1

このloop関数は、 の呼び出しで自身を呼び出すため、無限ループを引き起こしますrequestAnimationFrame。

function loop(run) {
   if(run.apply()) requestAnimationFrame(function() { loop(run) });
}

loop の呼び出しを別の関数でラップすると、コールバックが呼び出されたときにのみrequestAnimationFrame呼び出されます。