<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Affichage heure</title>
</head>
<body>
<script>
// La date de maintenant
var now = new Date();
// Affiche seulement l'heure, les minutes et les secondes
const formatOptions = {
hour: "numeric",
minute: "numeric",
second: "numeric"
};
// L'heure avec format français et affichage
var formattedTime = now.toLocaleString('fr-FR', formatOptions);
document.body.innerHTML += `<p>${formattedTime}</p>`;
// L'heure avec format anglais et affichage
var formattedTimeEn = now.toLocaleString('en-EN', formatOptions);
document.body.innerHTML += `<p>${formattedTimeEn}</p>`;
// Format court
const shortFormatOptions = {
timeStyle: "short"
};
// Format court et affichage
var shortFormat = now.toLocaleString('fr-FR', shortFormatOptions);
document.body.innerHTML += `<p>${shortFormat}</p>`;
// Heure seulement
const formatHourOnly = {
hour: "numeric"
};
// Format heure seulement et affichage
var hourOnlyFormat = now.toLocaleString('fr-FR', formatHourOnly);
document.body.innerHTML += `<p>${hourOnlyFormat}</p>`;
</script>
</body>
</html>
Commentaires
Enregistrer un commentaire