https://idea-hack.com/courses/lets-understand-how-to-handle-dates-and-times-in-javascript/lessons/gethours-getminutes-getseconds-getmilliseconds-method-to-get-time-with-javascript/
https://idea-hack.com/courses/lets-understand-how-to-handle-dates-and-times-in-javascript/lessons/gethours-getminutes-getseconds-getmilliseconds-method-to-get-time-with-javascript/

JavaScriptで「時刻」を取得するgetHours()・getMinutes()・getSeconds()・getMilliseconds()メソッドの使い方

JavaScriptで日付を取得する場合はgetHours()getMinutes()getSeconds()getMilliseconds()メソッドを利用します。

メソッド

メソッド意味返り値
getHours()時間を取得数値
getMinutes()分を取得数値
getSeconds()秒を取得数値
getMilliseconds()ミリ秒を取得数値
時刻を取得するメソッド

サンプルコード

サンプルコードでは、現在時刻を取得して、単位ごとに分けて出力しています。

Output
getHours();
getMinutes();
getSeconds();
getMilliseconds();
Pug
div
		table.table
			tbody
				tr
					th getHours();
					td#targetText
				tr
					th getMinutes();
					td#targetText1
				tr
					th getSeconds();
					td#targetText2
				tr
					th getMilliseconds();
					td#targetText3
JavaScript
const targetText = document.getElementById( 'targetText' );
const targetText1 = document.getElementById( 'targetText1' );
const targetText2 = document.getElementById( 'targetText2' );
const targetText3 = document.getElementById( 'targetText3' );

const DateInstance = new Date();
targetText.textContent = DateInstance.getHours();
targetText1.textContent = DateInstance.getMinutes();
targetText2.textContent = DateInstance.getSeconds();
targetText3.textContent = DateInstance.getMilliseconds();
インストラクター
コメント

コメントを残す