Guide - Chronomètre
Interface claire, adaptée au mobile, avec boutons start/pause et reset, et prise en charge du clavier.
Présentation rapide
Le chrono affiche le temps au format mm:ss.cc (minutes:secondes.centièmes). Le calcul est fluide et précis, avec une mise à jour via requestAnimationFrame et une mesure à partir de performance.now().
Fonctionnalités clés
- Start/Pause : un même bouton pour démarrer et mettre en pause.
- Reset : remet à zéro (désactivé tant qu’aucun temps n’a été enregistré).
- Affichage lisible : chiffres à chasse fixe, format
mm:ss.cc. - Clavier : barre d’espace = start/pause, « R » = reset.
- Feedback visuel : le bouton passe du vert (lecture) au rouge (pause) avec icône dynamique.
- Accessible : libellés ARIA mis à jour et navigation clavier basique.
Mode d’emploi
- Cliquez sur Start (bouton vert) ou appuyez sur la barre d’espace.
- Appuyez de nouveau pour mettre en pause (le bouton devient rouge).
- Cliquez sur Reset (ou la touche R) pour remettre à zéro.
En pause, le temps est conservé : reprendre relance le comptage sans perdre l’écart déjà mesuré.
Raccourcis clavier
- Démarrer / Pause : barre d’espace
- Réinitialiser : touche « R »
Astuces
- Le chronomètre reste précis même si l’onglet est brièvement en arrière-plan : l’affichage recalcule à partir du temps écoulé.
- Le bouton Reset s’active automatiquement après un premier démarrage.
- Le format
mm:ss.ccconvient à la plupart des usages du quotidien (sport, cuisine, tâches rapides).
Dépannage rapide
- La barre d’espace défile la page : cliquez une fois sur la page pour lui donner le focus, puis réessayez.
- Le bouton ne change pas d’icône : vérifiez que les icônes Lucide sont chargées (présentes sur l’en-tête).
- Le temps n’augmente pas : assurez-vous de ne pas avoir mis le chronomètre en pause par inadvertance.