1. 程式人生 > >requestAnimationFrame實現一幀的函數節流

requestAnimationFrame實現一幀的函數節流

ati 變量 span https class false request cti onf

用一個變量判斷raf的回調是否已經執行了,已經執行了說明過了一幀,通常是16.7ms,達到了函數節流一幀的目的。

var locked = false;
window.addEventListenser(‘scroll‘,function(){
    if(!locked){
        locked = true;
        window.requestAnimationFrame(fAnim);
    }
});

function fAnim(){
    locked = false;
    //code
}

出處:https://juejin.im/post/5976b1ef5188250c980304c9

requestAnimationFrame實現一幀的函數節流