h 5タイマー(request Animation Frame)


前回メトロノームを書いた時はh 5タイマーを使いましたが、簡単に記録しただけです.今日はここでまとめます.



    
    


<script>
    /*                   1000/60  16.6667ms*/
    /*(function loop(){
        console.log(1);
        window.requestAnimationFrame(loop);
    })();*/
    /*     */
    window.requestAnimate=(function (){
        return window.requestAnimationFrame ||
                        window.webkitRequestAnimationFrame ||
                        window.mozRequestAnimationFrame ||
                        function (callback){
                            setTimeout(callback,1000/60);
                        }
    })();
    var count=0;
    (function loop(){
        window.requestAnimate(loop);
        count++;
        if(count>=20)
        {
            count=0;
            console.log(1);
        }
//  
window.cancelAnimationFrame(loop)

    })();
</script>

</code></pre> 
  <p>          ,      bug ,           。      js   ,        。</p> 
 </div> 
</div>
                            </div>
                        </div>