JavaScriptプログラミング講座【時間について】

時間について

・	ローカル時間を取得する
・	経過した時間を調べる
・	デジタル時計を作ってみる

前のページに戻る

ローカル時間を取得する

■ローカル時間を取得する

まず Date クラスをインスタンス化します。引数を省略すると、ユーザーのローカルの時間を取得することができます。

Date オブジェクトを作成する


var date_obj = new Date();

■西暦を取得する

getFullYear() メソッドを使って取得します。 4 桁の西暦で取得できます。

西暦を取得する


var date_obj = new Date();
console.log(date_obj.getFullYear());

■月を取得する

getMonth() メソッドを使って取得します。0 から始まる 11 までの数値が取得できるので +1 して使用します。

月を取得する


var date_obj = new Date();
console.log(date_obj.getMonth() + 1);

■日を取得する

getDate() メソッドを使って取得します。1 から始まる 31 までの数値を取得できます。

日を取得する


var date_obj = new Date();
console.log(date_obj.getDate());

■曜日を取得する

getDay () メソッドを使って取得します。0 から始まる 6 までの数値が取得できます。

曜日を文字列として取得したい場合は、配列に好きな文字列を入れておいて番号で参照します。

曜日を取得する


var date_obj = new Date();

var ary = ["日","月","火","水","木","金","土"];
console.log(ary[date_obj.getDay()]);

■時間を取得する

getHours () メソッドを使って取得します。0 から始まる 23 までの数値が取得できます。

時間を取得する


var date_obj = new Date();
console.log(date_obj.getHours());

■分を取得する

getMinutes () メソッドを使って取得します。0 から始まる 59 までの数値が取得できます。

分を取得する


var date_obj = new Date();
console.log(date_obj.getMinutes());

■秒を取得する

getSeconds () メソッドを使って取得します。0 から始まる 59 までの数値が取得できます。

秒を取得する


var date_obj = new Date();
console.log(date_obj.getSeconds());

■ミリ秒を取得する

getMilliseconds () メソッドを使って取得します。0 から始まる 999 までの数値が取得できます。

ミリ秒を取得する


var date_obj = new Date();
console.log(date_obj.getMilliseconds());

上に戻る

経過した時間を調べる

■「1970 年 01 月 01 日 00:00:00:000」から経過したミリ秒時間を調べる

「1970 年 01 月 01 日 00:00:00:000」から開始して、任意の時間までに経過した総ミリ秒を取得するには、getTime() メソッドを使用します。

調べたい日付をセットした Date オブジェクトから呼び出します。

1970/1/1 00:00:00:0000 から現在の時間までの総ミリ秒を取得する


var date_obj = new Date();
console.log( date_obj.getTime() );

■ストップウォッチを表現する

getTime() メソッドを使用するとストップウオッチの計算ができます。

１．測定を開始する

まず、測定を開始したい時点の getTimer() メソッドで得られる時間を変数 time に格納します。

測定を開始するタイミングで現在の経過時間を変数に格納


var date_obj = new Date();
var time = date_obj.getTimer();

２．測定中の経過時間を調べる

後は、現在の getTimer() と変数 time との差を調べると、測定中の時間がわかります。

測定中に経過している時間


// 開始時の時間（ミリ秒）
var date_obj = new Date();
var time = date_obj.getTimer();

// 一定時間ごとに実行される関数
setInterval(function(){

	// 現在の時間と開始時の時間との差分（ミリ秒）
	var date_obj = new Date();
	console.log(date_obj.getTimer() - time)

},1000/60);

上に戻る

デジタル時計を作ってみる

■デジタル時計を作ってみる

ローカル時間を取得するで得られる日付、時間などの情報を文字列として結合します。

デジタル時計を表示する


// 曜日データ
var ary = ["日","月","火","水","木","金","土"];

// 得られる値を結合
setInterval(function(){

	// ローカル時間を取得
	var date_obj = new Date();

	var year = date_obj.getFullYear();
	var mon = date_obj.getMonth() + 1;
	var day = date_obj.getDate();
	var week = ary[date_obj.getDay()];
	var hou = date_obj.getHours();
	var min = date_obj.getMinutes();
	var sec = date_obj.getSeconds();
	var mil = date_obj.getMilliseconds();

	// ローカル時間で取得可能パラメータを文字として連結
	var str = "";
	str += (year < 10 ? "0" : "") + year;
	str += "/";
	str += (mon < 10 ? "0" : "") + mon;
	str += "/";
	str += (day < 10 ? "0" : "") + day;
	str += " ";
	str += "(" + week + ")";
	str += " ";
	str += (hou < 10 ? "0" : "") + hou;
	str += ":";
	str += (min < 10 ? "0" : "") + min;
	str += ":";
	str += (sec < 10 ? "0" : "") + sec;
	str += ":";
	str += (mil < 100 ? "0" : "") + (mil < 10 ? "0" : "") + mil;

	// 時間を表示
	console.log(str);

},1000/60);

■『日付 + 時刻』を取得する

toString() メソッドから取得します。

『日付 + 時刻』を取得する


var date_obj = new Date();
console.log(date_obj.toString());

■『日付 + 時刻』をロケール表記で取得する

toLocaleString() メソッドから取得します。

『日付 + 時刻』をロケール表記で取得する


var date_obj = new Date();
console.log(date_obj.toLocaleString());

■『日付』を取得する

toDateString() メソッドから取得します。

『日付』を取得する


var date_obj = new Date();
console.log(date_obj.toDateString());

■『日付』をロケール表記で取得する

toLocaleDateString() メソッドから取得します。

『日付』をロケール表記で取得する


var date_obj = new Date();
console.log(date_obj.toLocaleDateString());

■『時刻』を取得する

toTimeString() メソッドから取得します。

『時刻』を取得する


var date_obj = new Date();
console.log(date_obj.toTimeString());

■『時刻』をロケール表記で取得する

toLocaleTimeString() メソッドから取得します。

『時刻』をロケール表記で取得する


var date_obj = new Date();
console.log(date_obj.toLocaleTimeString());

■『UTC 時刻』を取得する

toUTCString() メソッドから取得します。

『UTC 時刻』を取得する


var date_obj = new Date();
console.log(date_obj.toUTCString());

上に戻る

前のページに戻る