從setInterval到requestAnimationFrame的遷移

Question

我正在嘗試將一些基於setInterval的舊動畫遷移到requestAnimationFrame，但是我的updateState函數需要一些參數，我無法理解如何將它們傳遞給requestAnimationFrame。這裏有一個例子舊代碼是如何調用繪圖功能：

var interval = setInterval(function(){ 
    oldValue < newValue ? updateState(oldValue += max/100) : clearInterval(interval); 
},16); 

英國皇家空軍的所有實例表明它曾經像：

function updateState() { 
    requestAnimFrame(updateState); 
} 

updateState(); 

我怎麼能在我的參數傳遞給updateState功能？

Answer 1

你可以用setInterval做同樣的事情，把你的調用放到updateState中。

function updateState() { 
    requestAnimFrame(function(){ 
     if(oldValue < newValue) { 
      updateState(oldValue += max/100); 
     } 
    }); 

    // The rest of your code 
} 

updateState();