鍍金池/ 問答/HTML5  HTML/ 如何使用requestAnimationFrame在1500ms內(nèi)將進度條滾動到

如何使用requestAnimationFrame在1500ms內(nèi)將進度條滾動到100？

代碼在（未完成）
https://codepen.io/ZeronoFrey...

感覺大腦短路了

想實現(xiàn)的效果：

給定一個時間（毫秒）：1500
使用requestAnimationFrame
在 1500ms 內(nèi)執(zhí)行進度條動畫效果（0 - 100）

回答
編輯回答
挽歌
var start = 0;
var end = 100;
var duration = 1500;

var startTime = Date.now();
function animate() {
    var delta = Math.min( 1500, Date.now() - startTime );
    var value = ( delta / duration ) * ( end - start ) + start;
    console.log( value );
    if ( delta < 1500 ) {
        requestAnimationFrame( animate );
    }
}
animate();
2017年5月24日 18:44