Modo migliore per ottenere tempo in millisecondi in JavaScript?

Esiste un'alternativa in JavaScript per ottenere tempo in millisecondi usando l'oggetto date, o almeno un modo per riutilizzare quell'oggetto, senza dover creare un'istanza di un nuovo oggetto ogni volta che devo ottenere questo valore? Lo sto chiedendo perché sto cercando di creare un semplice motore di gioco in JavaScript e, nel calcolare il "delta frame time", devo creare un nuovo oggetto Date ogni frame. Sebbene non sia troppo preoccupato per le implicazioni in termini di prestazioni di ciò, sto riscontrando alcuni problemi con l'affidabilità dell'ora esatta restituita da questo oggetto.

Ho qualche strano "salto" nell'animazione, all'incirca ogni secondo, e non sono sicuro che questo sia correlato alla Garbage Collection di JavaScript o ad una limitazione dell'oggetto Date quando si aggiorna così velocemente. Se imposto il valore delta su una costante, l'animazione è perfettamente fluida, quindi sono abbastanza sicuro che questo "salto" sia correlato al modo in cui ottengo il tempo.

L'unico codice rilevante che posso fornire è il modo in cui calcolo il delta time:

prevTime = curTime;
curTime = (new Date()).getTime();
deltaTime = curTime - prevTime;

Nel calcolare il movimento / animazione moltiplico un valore costante per il delta time.

Se non c'è modo di evitare di ottenere il tempo in millisecondi usando l'oggetto Date, sarebbe una funzione che incrementa una variabile (essendo il tempo trascorso in millisecondi dall'inizio del gioco) e che viene chiamata usando la funzione SetTimer ad un tasso di una volta ogni millisecondi è un'alternativa efficiente e affidabile?

Modifica: ora ho testato il mio codice in diversi browser e sembra che questo "salto" sia davvero evidente solo in Chrome, non in Firefox. Ma sarebbe comunque bello se esistesse un metodo che funzionasse in entrambi i browser.

Prova Date.now () .

Il salto è molto probabilmente dovuto alla raccolta dei rifiuti. In genere è possibile evitare la garbage collection riutilizzando le variabili il più possibile, ma non posso dire in particolare quali metodi è possibile utilizzare per ridurre le pause della garbage collection.

So che questo è un thread piuttosto vecchio, ma per mantenere le cose aggiornate e più pertinenti, puoi utilizzare la performance.now()funzionalità più accurata per ottenere una tempistica più precisa in javascript.

window.performance = window.performance || {};
performance.now = (function() {
    return performance.now       ||
        performance.mozNow    ||
        performance.msNow     ||
        performance.oNow      ||
        performance.webkitNow ||            
        Date.now  /*none found - fallback to browser default */
})();

Per quanto ne so, puoi solo avere tempo con Date .

Date.now è la soluzione ma non è disponibile ovunque: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/now .

var currentTime = +new Date();

Questo ti dà l'ora corrente in millisecondi.

Per i tuoi salti . Se calcoli correttamente le interpolazioni in base al tempo delta del frame e non hai qualche errore di arrotondamento , scommetto per il Garbage Collector (GC).

Se nel loop è presente un sacco di oggetti temporanei creati, la garbage collection deve bloccare il thread per effettuare una pulizia e una riorganizzazione della memoria.

Con Chrome puoi vedere quanto tempo impiega il GC nel pannello Timeline .

EDIT: dalla mia risposta, Date.now()dovrebbe essere considerata l'opzione migliore in quanto è supportata ovunque e su IE> = 9.

Se hai un oggetto data simile

var date = new Date('2017/12/03');

allora c'è un metodo integrato in javascript per ottenere la data in formato millisecondi che è valueOf ()

date.valueOf(); //1512239400000 in milliseconds format

Questa è una domanda molto vecchia - ma ancora come riferimento se gli altri la stanno guardando - requestAnimationFrame()è il modo giusto di gestire l'animazione nei browser moderni:

AGGIORNAMENTO: Il link mozilla mostra come farlo - non mi andava di ripetere il testo dietro il link;)