如何讓任意的'update'函數傳遞給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函數會導致無限循環，因爲它在調用​​時調用自身。

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

包裝紙調用另一個函數循環是指當​​回調被調用時纔會被調用。