6XC

Chronomètre en ligne (avec tours)

Un chronomètre précis avec chronométrage des tours, dans votre onglet de navigateur — démarrer, prendre un tour, mettre en pause et réinitialiser en un clic, sans application.

912 vues

00:00.00

Un chronomètre qui fonctionne, tout simplement

Appuyez sur démarrer et l'horloge tourne au centième de seconde près ; appuyez sur tour à tout moment pour enregistrer un temps intermédiaire sans arrêter le compteur, et chaque tour affiche à la fois sa propre durée et le temps total en cours. Mettez en pause et reprenez librement, ou réinitialisez à zéro dès que vous êtes prêt pour une nouvelle session.

Il n'y a aucune application à installer ni rien à configurer — ouvrez la page, appuyez sur démarrer, et le minuteur tourne dans l'onglet exactement aussi longtemps que nécessaire, qu'il s'agisse d'un intervalle de 30 secondes ou d'une session de plusieurs heures. Chaque tour enregistré reste visible dans une liste défilante pour comparer les temps intermédiaires d'un coup d'œil plutôt que de les noter à part. L'interface fonctionne aussi bien sur téléphone que sur ordinateur, donc elle tient tout aussi bien clipsée sur un tapis de course, posée sur un plan de travail ou ouverte sur un ordinateur portable pendant une répétition.

Comment fonctionne le chronométrage

Les navigateurs exposent en réalité deux horloges différentes à JavaScript : Date.now(), qui suit l'horloge système et peut sauter en avant ou en arrière à chaque resynchronisation avec un serveur de temps NTP, et performance.now(), une horloge monotone qui n'avance que dans un sens et mesure le temps écoulé depuis le chargement de la page, avec une résolution bien plus fine. Ce chronomètre utilise performance.now(), si bien qu'un tour reste exact même si l'horloge de votre ordinateur est ajustée en cours de session — ce qu'un chronomètre naïf basé sur Date calculerait de façon visiblement erronée. L'affichage lui-même se met à jour via requestAnimationFrame plutôt qu'un intervalle fixe comme setInterval, ce qui maintient les chiffres fluides et synchronisés avec la fréquence de rafraîchissement de votre écran, au lieu de saccader ou de dériver sur une longue session. Cette distinction est invisible à l'usage, mais c'est elle qui explique pourquoi un chronomètre dans le navigateur peut être tout aussi fiable qu'un chronomètre matériel dédié pour tout ce qui n'exige pas une précision de laboratoire.

  • Entraînements et fractionné — enregistrez chaque round comme un tour
  • Cuisine — chronométrez plusieurs étapes sans perdre le fil du temps total
  • Répétitions de présentation et de discours — suivez le minutage section par section
  • Toute tâche aux phases distinctes que vous voulez comparer côte à côte ensuite

Questions fréquentes

Reste-t-il précis si je change d'onglet ?

Oui — l'affichage utilise le temps réel écoulé via performance.now(), pas un compteur qui s'incrémente à intervalle fixe et peut dériver en arrière-plan. Les navigateurs ralentissent bien les minuteurs d'arrière-plan comme setInterval pour économiser l'énergie, mais comme ce chronomètre recalcule toujours à partir du temps réellement écoulé plutôt que de compter des « tics », le temps final est correct dès l'instant où vous revenez sur l'onglet.

Combien de tours puis-je enregistrer ?

Autant que vous voulez en une seule session — la liste défile et ne manque donc jamais de place à l'écran. Les tours ne sont conservés que dans la mémoire de la page, jamais écrits nulle part de façon permanente, donc ils s'effacent automatiquement dès que vous réinitialisez le chronomètre ou rechargez la page.

Mes données de chronométrage sont-elles enregistrées quelque part ?

Non — elles n'existent que dans la mémoire de la page tant que l'onglet reste ouvert, et disparaissent dès que vous le quittez, l'actualisez ou le fermez. Rien n'est envoyé à un serveur et rien n'est stocké localement, donc il n'y a ni historique à effacer ni inquiétude de confidentialité sur les sessions passées.

Quelle est la différence entre Date.now() et performance.now(), et pourquoi est-ce important ici ?

Date.now() reflète l'horloge système, qui peut sauter si elle se resynchronise avec un serveur de temps, si l'utilisateur change l'heure de son horloge, ou si l'appareil sort de veille — une mauvaise nouvelle pour tout ce qui mesure un intervalle. performance.now() est monotone : elle ne recule jamais et mesure le temps écoulé depuis le chargement de la page avec une haute résolution, c'est pourquoi cet outil l'utilise pour chaque tour et chaque total cumulé.

Pourquoi le chronomètre n'affiche-t-il pas une précision à la microseconde ?

Il le pourrait en théorie — performance.now() a été à l'origine spécifiée avec une précision inférieure à la milliseconde — mais depuis 2018, les navigateurs plafonnent délibérément sa résolution, généralement autour de 0,1 à 1 milliseconde, en défense contre les attaques temporelles de type Spectre/Meltdown, où un minuteur suffisamment précis pourrait servir à déduire des données d'autres processus. L'affichage au centième de seconde proposé ici reste confortablement dans cette marge de sécurité, et pour des entraînements, de la cuisine ou des répétitions, il est déjà bien plus précis que ce qu'un temps de réaction humain pourrait jamais nécessiter.

Commentaires

Pas encore de commentaires — soyez le premier à en écrire un !

Outils similaires

Calculateur d'âge Calculez votre âge exact en années, mois et jours à partir de votre date de naissance, ainsi que les jours restants avant votre prochain anniversaire. Lancer Calculateur de différence de dates Calculez le nombre de jours, semaines, mois et années entre deux dates — y compris les jours restants avant ou depuis un événement. Lancer Calculateur de décalage horaire Choisissez deux villes sur une carte du monde — ou détectez automatiquement votre position — et voyez les heures locales en direct, le décalage exact et un convertisseur d'heure. Lancer Minuteur compte à rebours Réglez les heures, minutes et secondes, lancez le compte à rebours, et entendez une alerte sonore claire à zéro — fonctionne même en arrière-plan. Lancer