Meilleur moyen d'obtenir le temps en millisecondes en javascript?

Existe-t-il une alternative en JavaScript pour obtenir l'heure en millisecondes en utilisant l'objet date, ou au moins un moyen de réutiliser cet objet, sans avoir à instancier un nouvel objet chaque fois que j'ai besoin d'obtenir cette valeur? Je pose cette question parce que j'essaie de créer un moteur de jeu simple en JavaScript, et lors du calcul du "delta frame time", je dois créer un nouvel objet Date à chaque image. Bien que je ne sois pas trop préoccupé par les implications en termes de performances, j'ai quelques problèmes avec la fiabilité de l'heure exacte renvoyée par cet objet.

J'obtiens un étrange "saut" dans l'animation, toutes les secondes environ, et je ne suis pas sûr si cela est lié à la récupération de place de JavaScript ou à une limitation de l'objet Date lors de la mise à jour si rapide. Si je règle la valeur delta sur une constante, alors l'animation est parfaitement fluide, donc je suis assez sûr que ce "saut" est lié à la façon dont j'obtiens l'heure.

Le seul code pertinent que je puisse donner est la façon dont je calcule le temps delta:

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

Lors du calcul de mouvement / animation, je multiplie une valeur constante par le temps delta.

S'il n'y a aucun moyen d'éviter d'obtenir l'heure en millisecondes en utilisant l'objet Date, une fonction qui incrémente une variable (étant le temps écoulé en millisecondes depuis le début du jeu), et qui est appelée à l'aide de la fonction SetTimer à un taux de une fois toutes les millisecondes une alternative efficace et fiable?

Edit: J'ai testé maintenant mon code dans différents navigateurs et il semble que ce "saut" n'apparaisse vraiment que dans Chrome, pas dans Firefox. Mais ce serait toujours bien s'il y avait une méthode qui fonctionne dans les deux navigateurs.

Essayez Date.now () .

Le saut est probablement dû à la récupération de place. En règle générale, le garbage collection peut être évité en réutilisant autant que possible les variables, mais je ne peux pas dire spécifiquement quelles méthodes vous pouvez utiliser pour réduire les pauses de garbage collection.

Je sais que c'est un fil assez ancien, mais pour garder les choses à jour et plus pertinentes, vous pouvez utiliser la performance.now()fonctionnalité plus précise pour obtenir un timing plus fin en 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 */
})();

Pour autant que je sache, vous ne pouvez avoir du temps qu'avec Date .

Date.now est la solution mais n'est pas disponible partout: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/now .

var currentTime = +new Date();

Cela vous donne l'heure actuelle en millisecondes.

Pour vos sauts . Si vous calculez correctement les interpolations en fonction du temps de trame delta et que vous n'avez pas d' erreur de nombre d'arrondi , je parie pour le ramasse-miettes (GC).

S'il y a beaucoup d'objets temporaires créés dans votre boucle, le garbage collection doit verrouiller le thread pour effectuer un nettoyage et une réorganisation de la mémoire.

Avec Chrome, vous pouvez voir combien de temps le GC passe dans le panneau Chronologie .

EDIT: Depuis ma réponse, Date.now()devrait être considérée comme la meilleure option car elle est prise en charge partout et sur IE> = 9.

Si vous avez un objet de date comme

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

puis il y a une méthode intégrée en javascript pour obtenir la date au format millisecondes qui est valueOf ()

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

C'est une question très ancienne - mais toujours pour référence si d'autres la regardent - requestAnimationFrame()est la bonne façon de gérer l'animation dans les navigateurs modernes:

MISE À JOUR: Le lien mozilla montre comment faire cela - je n'avais pas envie de répéter le texte derrière le lien;)