時計を表示させたい

以下のようなリアルタイムの時計をJavaScriptを使って表示します。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>clock.html/</title>
    </head>
    <body>
        <p id="Clock"></p>
        <script>
            function clock() {
                let now = new Date();
                let hour = now.getHours();
                let minute = now.getMinutes();
                let second = now.getSeconds();
                let message = "現在時刻:" + hour + ":" + minute + ":" + second;
                document.getElementById("Clock").innerHTML = message;
            }
            setInterval('clock()', 1000);
        </script>
    </body>
</html>

最後までお読みいただきありがとうございます。

投稿者プロフィール

山崎講師
山崎講師代表取締役
セイ・コンサルティング・グループ株式会社代表取締役。
すべての無駄を省いた費用対効果の高い「筋肉質」な研修を提供します!