À quoi sert cet outil
L'outil Horloge regroupe une Horloge mondiale, un Chronomètre et un Minuteur en un seul. L'Horloge mondiale affiche l'heure en direct pour tout fuseau IANA, mise à jour chaque seconde. Le Chronomètre mesure le temps écoulé avec support des tours via requestAnimationFrame pour la précision. Le Minuteur accepte heures, minutes et secondes et compte à rebours jusqu'à zéro avec un anneau de progression animé. Tout fonctionne dans votre navigateur — aucun serveur.
Comment l'utiliser
- Horloge mondiale — Ajoutez des fuseaux horaires depuis le menu déroulant. Consultez l'heure en direct et le décalage UTC. Supprimez les fuseaux si besoin.
- Chronomètre — Démarrer, arrêter, reprendre, tour intermédiaire et réinitialiser. Les temps des tours sont enregistrés dans une liste.
- Minuteur — Entrez les heures (0–99), minutes (0–59), secondes (0–59). Lancez le minuteur. À zéro, « Time's up! » s'affiche et l'anneau se complète.
- Changer d'onglet — Passez entre Horloge mondiale, Chronomètre et Minuteur.
Comment ça fonctionne
Horloge mondiale : Utilise Intl.DateTimeFormat et un setInterval (1s) pour afficher l'heure en direct des fuseaux IANA sélectionnés. Réutilise les helpers du Convertisseur de fuseaux horaires. Chronomètre : Utilise requestAnimationFrame pour un temps écoulé sans dérive ; enregistre les tours intermédiaires. Minuteur : Parse les entrées, pilote un compte à rebours avec setInterval et anime un anneau SVG. À zéro, le minuteur s'arrête et affiche une notification. L'heure d'été est gérée par l'API Intl du navigateur.
Tous les calculs s'effectuent entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.
Cas d'usage et exemples
- Réunions à distance — Vérifiez l'heure dans plusieurs lieux.
- Sport — Utilisez le chronomètre et les tours pour les intervalles.
- Cuisine — Utilisez le minuteur pour les temps de cuisson.
- Concentration — Minutes type Pomodoro.
- Voyage — Comparez l'heure locale et celle de destination.
Exemple
- Ajoutez Asia/Ho_Chi_Minh et America/New_York → Voyez les deux en direct.
- Chronomètre : Démarrer, tour à 30 s, tour à 60 s → Tours enregistrés.
- Minuteur : 0h 5m 0s → Minuteur de 5 minutes.
Limitations et contraintes connues
- Limitation des onglets en arrière-plan — Les onglets en arrière-plan peuvent ralentir les minuteurs ; gardez l'onglet actif pour un minuteur/chronomètre précis.
- IANA uniquement — Utilise les noms de fuseaux IANA ; les abréviations (ex. EST) peuvent être ambigües.
- Plage du minuteur — Heures 0–99, minutes/secondes 0–59.
- Pas de persistance — Le chronomètre et le minuteur se réinitialisent au rechargement de la page.