HTML
JavaScript

javascriptで1秒毎の現在時刻の表示

javascriptで時間の表示を行なう

javascriptのお勉強に1秒毎に現在時刻を表示させたときのメモ

実装コード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>時間の表示</title>
</head>
<body>
    <h1 id="time"></h1>
    <script>
    time();
    function time(){
        var now = new Date();
        document.getElementById("time").innerHTML = now.toLocaleTimeString();
    }
    setInterval('time()',1000);
    </script>
</body>
</html>

こんな感じになる。
date2.gif

toLocaleTimeString()toLocaleString()にすると日付も表示される。
image.png

コードの説明

Dateオブジェクトのインスタンスを作成し変数nowに入れる

var now = new Date();

toLocaleTimeString()メソッドの結果をhtmlに表示

document.getElementById("time").innerHTML = now.toLocaleTimeString();

1000ミリ秒ごとに表示

setInterval('time()',1000);