javascript - rquestAnimationFrame()做出setTimeout（）效果

Question

在做一个小游戏的时候运用了JQ动画，并且用了setTimeout（）来设置动画延迟播放，在PC上游戏完美运行，可是在手机真机上测试时发现游戏动画部分好卡顿，后来发现是setTimeout（）造成的，想用requestAnimationFrame（）来代替setTimeout（），查找了好多文章都看不懂，主要是百度到的相关文章好少，谷歌到的又大部分看不明，求大神们帮帮忙，谢谢。

Answer 1

比如说我不停地重复输出1，使用setTimeout代码如下：

setTimeout(animate,100)
    function animate(){
        console.log(1);
        setTimeout(animate,100);
    }

而使用requestAnimationFrame代码如下

    requestAnimationFrame(animate);
    function animate(){
        console.log(1);
        requestAnimationFrame(animate);
    }

是不是非常地简单？