Exemple format de temps avec JavaScript

<!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