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>
こんな感じになる。
toLocaleTimeString()をtoLocaleString()にすると日付も表示される。
コードの説明
Dateオブジェクトのインスタンスを作成し変数nowに入れる
var now = new Date();
toLocaleTimeString()メソッドの結果をhtmlに表示
document.getElementById("time").innerHTML = now.toLocaleTimeString();
1000ミリ秒ごとに表示
setInterval('time()',1000);