コアダンプの数だけ強くなれるよ

見習いエンジニアの備忘log

HTML,JavaScriptでブラウザに時刻表示

HTML, JavaScriptの最初の一歩と言えばコレ。

[仕様]

  • 左上に現在時刻を"HH:MM:SS"形式で表示。'ex) 19:02:34'

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
    <div id="disp" style="font-size:48px;text-align:left;"></div>
    <script>
        setInterval(showTime, 500);
        function showTime() {
            var tv = new Date();
            $("disp").innerHTML  = 
                ("0" + tv.getHours()).slice(-2) + ":" + 
                ("0" + tv.getMinutes()).slice(-2) + ":" + 
                ("0" + tv.getSeconds()).slice(-2);
        }

        function $(id) { return document.getElementById(id); }
    </script>
</body>
</html>