JavaScriptでUNIXタイムを読みやすい日時形式に変換する方法｜DAD UNION

あなたはTwitterやその他のAPIを使用していると、JSONデータにUNIXタイムとしての投稿日時（created_at）を見ることがあります。
この記事では、そのUNIXタイムを人間が理解しやすいフォーマット化された日時としてJavaScriptで表示する方法を説明します。

Contents

UNIXタイムとは？
JavaScriptでのUNIXタイムの日時変換
タイムスタンプを指定の日時にフォーマット化するJavaScriptの記述
UNIXタイムをフォーマット化した日時に変換し、日時の出力先HTMLの記述
UNIXタイムをJavaScriptでフォーマット化した日時として表示するデモページ
PHPとの比較
まとめ

UNIXタイムとは？

UNIXタイム、またはエポックタイムとは、1970年1月1日 00:00:00 UTCからの経過秒数として定義される時刻のことを指します。
多くのプログラミング言語やシステムで一般的に使用される時刻の表現方法です。
UNIXタイムは整数であり、時刻の一意の表現を提供します。

JavaScriptでのUNIXタイムの日時変換

JavaScriptには、日付と時刻を扱うためのDateオブジェクトが組み込まれています。
このオブジェクトを使用することで、UNIXタイムを通常の日時に変換することができます。

以下に、UNIXタイムを日時にフォーマット化する方法を示します。

タイムスタンプを指定の日時にフォーマット化するJavaScriptの記述

まず、jquery.min.js（1.8系）ファイルを読み込む必要があります。
unixdateformat()関数を使用してタイムスタンプを指定の日時にフォーマット化します。
ready()関数を使用してページの読み込み後に、UNIXタイムをタイムスタンプに変換し、その後unixdateformat()を使用して日時に変換します。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">
//タイムスタンプを指定の日時にフォーマット化
function unixdateformat(str){
    var objDate = new Date(str);
    var nowDate = new Date();
    //現在時間との差
    myHour = Math.floor((nowDate.getTime()-objDate.getTime()) / (1000*60*60)) + 1;
    var year = objDate.getFullYear();
    var month = objDate.getMonth() + 1;
    var date = objDate.getDate();
    var hours = objDate.getHours();
    var minutes = objDate.getMinutes();
    var seconds = objDate.getSeconds();
    if ( hours < 10 ) { hours = "0" + hours; }
    if ( minutes < 10 ) { minutes = "0" + minutes; }
    if ( seconds < 10 ) { seconds = "0" + seconds; }
    str = year + '/' + month + '/' + date + ' ' + hours + ':' + minutes + ':' + seconds;
	var rtnValue = str;

    return rtnValue;
}

$(document).ready(function(){
	//UNIXタイムをタイムスタンプに変換
	var date = new Date( 1369720268 * 1000 );
	//日時にフォーマット化したものを出力
	$("#idDate").html(unixdateformat(date));

});
</script>