在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

如何使用requestAnimationFrame在1500ms內(nèi)將進(jìn)度條滾動(dòng)到100?

代碼在(未完成)
https://codepen.io/ZeronoFrey...

感覺(jué)大腦短路了

想實(shí)現(xiàn)的效果:

給定一個(gè)時(shí)間(毫秒):1500
使用requestAnimationFrame
在 1500ms 內(nèi)執(zhí)行進(jìn)度條動(dòng)畫效果(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