Почему cancelAnimationFrame не работает?

Question

Обратитесь к этой скрипке - http://jsfiddle.net/rnqLfz14/28/

[Этот код не мой - http://www.isaacsukin.com/news/2015/01/detailed-explanation-javascript-game-loops-and-timing]

//.... 

function stop() { 
    running = false; 
    started = false; 
    cancelAnimationFrame(frameID); 
} 

//... 

function mainLoop(timestamp) { 
    // Throttle the frame rate. 
    if (timestamp < lastFrameTimeMs + (1000/maxFPS)) { 
     frameID = requestAnimationFrame(mainLoop); 
     return; 
    } 
    delta += timestamp - lastFrameTimeMs; 
    lastFrameTimeMs = timestamp; 

    begin(timestamp, delta); 

    if (timestamp > lastFpsUpdate + 1000) { 
     fps = 0.25 * framesThisSecond + 0.75 * fps; 

     lastFpsUpdate = timestamp; 
     framesThisSecond = 0; 
    } 
    framesThisSecond++; 

    var numUpdateSteps = 0; 
    while (delta >= timestep) { 
     update(timestep); 
     delta -= timestep; 
     if (++numUpdateSteps >= 240) { 
      panic(); 
      break; 
     } 
    } 

    draw(delta/timestep); 

    T.textContent = timestamp; 

    if (timestamp >= 6000.0) { 
     T.textContent = "Stopped!"; 
     stop(); 
    } 

    end(fps); 

    frameID = requestAnimationFrame(mainLoop); 
} 
//... 

Функция cancelAnimationFrame не останавливает цикл животворящего. Есть предложения? Я поцарапал себе голову над ним в течение долгого времени, пожалуйста, любые предложения будут оценены.

Answer 1

Когда условие для stop() выполнено, вызывается stop(), но код продолжает работу, так что будет запрошен новый rAF.

Просто добавьте возврат после остановки вызова, чтобы этого не происходит (или используйте else):

... 
if (timestamp >= 6000.0) { 
    T.textContent = "Stopped!"; 
    stop(); // stop() is just a sub-routine here and will continue after being called 
    return; // <--- here 
} 
... 

Modified fiddle