在主动画循环中执行另一个循环5秒钟？

Question

我有一个“简单”的游戏与使用requestAnimationFrame（）的动画（）循环：

function animate(currentTime) { 
    if(playGame) { 
    requestAnimationFrame(animate); 
    } 

    if(isCollide) { 
    endTime = currentTime + 5000; 
    drawCollision(currentTime); 
    } 

} 

我想运行5秒钟drawCollision（）的代码，所以我做了这样的事情：

function drawCollision(currentTime) { 

    if(playCollide) { 
    requestAnimationFrame(drawCollision); 
    } 

    if(currentTime < endTime) { 
    drawImage(image, x, y, height, width, rotation); 
    } else { 
    playCollide = false; 
    } 

} 

但是，两个rAF调用似乎在同一时间运行？或者至少在调用drawCollision（）之后的代码在drawCollision运行时执行。

Answer 1

好吧，似乎得到它的工作，不得不打电话cancelAnimationFrame(animate)只是在调用我的drawCollision()代码之前 - 也将我的'游戏结束'代码移动到drawCollision中的if循环的else内部。

cancelAnimationFrame的填充工具被包括在RAF发现于： http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/