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) });
}

将循环调用包装在另一个函数中意味着只有在调用requestAnimationFrame回调时才会调用它。