HTML勉強メモ

HTMLやJavaScriptなどのことについて書いています。

JavaScriptで現在の時刻を表示する方法

JavaScriptで現在の時刻を表示する方法

JavaScriptを使うことでページに現在の時刻を表示することができる。

<body>
<span id="viewTime"></span>

<script type="text/javascript">
document.getElementById("viewTime").innerHTML = getNowTime();

function getNowTime() {
	var now = new Date();
	var year = now.getFullYear();//年
	var mon = now.getMonth()+1; //月 1を足す
	var day = now.getDate();//日
	var hour = now.getHours();//時間
	var min = now.getMinutes();//分
	var sec = now.getSeconds();//秒

	//出力
	var s = year + "年" + mon + "月" + day + "日" + hour + "時" + min + "分" + sec + "秒";
	return s;
}
</script>
</body>

※月の場合は実際よりも1つ少なく、0~11で表されるため、1を足す。

実行した場合、下記のように表示される。

「2016年12月29日12時00分00秒」

まとめ

JavaScriptを使うことでページに現在の時刻を表示することができる
・月の値の取得部分では1を足す

読まれている記事
htmlst.hatenablog.jp
htmlst.hatenablog.jp