Führen Sie eine Funktion unendlich oft

Question

Ich versuche, eine Video-Spiel-Engine, die die render Funktion als eine Schleife ausführen müssen. Wenn diese Funktion beendet ist, will ich es wieder laufen, und wieder und wieder ... Aber wenn ich versuche dies:

function render() { 
    // some code here which takes ~ 0.00015 second to run 
} 

while(1) { render(); } 

Der Browser freeze in wenigen Sekunden. So habe versucht, ich einen anderen Weg:

function render() { 
    // some code here which takes ~ 0.00015 second to run 
} 

setTimeout(render); 
// I've tried also 
setTimeout(render, 1); 

auch:

function render() { 
    // some code here which takes ~ 0.00015 second to run 

    setTimeout(render); 
    // OR 
    setTimeout(render, 1); 
} 

Aber das läuft die Funktion nur ~ 500-mal an einem zweiten, will ich es laufen ~ 5000 mal. Das ist möglich, wenn ich die Laufzeit (0,00015 Sekunden) anschaue, aber ich finde keinen Weg, dies zu tun.

Hat jemand eine Idee?

Answer 1

Was Sie tun möchten, ist window.requestAnimationFrame auf diese Weise verwenden:

function render() { 
    window.requestAnimationFrame(render); 
} 

window.requestAnimationFrame(render); 

Sie können nie eine „unendliche“ Anzahl der Anrufe erhalten, die davon abhängen, wie stark Ihre Hardware ist. Sie können auch einfach die "Delta-Zeit" (Zeit, die zwischen zwei aufeinanderfolgenden Aufrufen von render verstrichen ist) berechnen, um die Spielanimation für jeden Benutzer reibungslos zu gestalten, unabhängig von der Hardware.