定義リストを使用して不定期に行う投稿の一部を表示するWebページのかなり小さな部分があり、Javascriptを使用して各投稿に時間機能を追加するのは良いことだと思いました。
HTML
<dl>
<dt>Display the time here</dt>
<dd></dd>
<div id="centrated">
<p>Blank Space</p>
</div>
</dl>
時間は、私のシステムではなく、「ユーザー」に基づいている必要があります。
定義リストを使用して不定期に行う投稿の一部を表示するWebページのかなり小さな部分があり、Javascriptを使用して各投稿に時間機能を追加するのは良いことだと思いました。
HTML
<dl>
<dt>Display the time here</dt>
<dd></dd>
<div id="centrated">
<p>Blank Space</p>
</div>
</dl>
時間は、私のシステムではなく、「ユーザー」に基づいている必要があります。
ここで説明した内容を使用して、投稿の日付/時刻をどのように取得する予定かわかりません。ただし、javascriptは、UTCからブラウザの現地時間に変換する方法を知っています。
したがって、文字列から新しい日付を作成する場合:
var d = new Date("2012-10-13T09:40:34.764Z");
alert(d);
現地時間で表示されます。日付の'Z'
終わりにあるは、UTC時間であることを示しています。日付をそのように定義すると、Javasriptはそれを処理する方法を知っています。日付をUTC時間で保存していることを確認してください。
おそらくあなたは次のようなものを意味します
var UTCPostedTimeInMs = 1350050604350;
var timeSince = (new Date) - UTCPostedTimeInMs,
secs = ~~(timeSince / 1000),
mins = ~~(secs / 60),
hrs = ~~(mins / 60),
days = ~~(hrs / 24);
console.log('It has been', days, 'days', hrs % 24, 'hours', mins % 60, 'mins and', secs % 60, 'seconds since', new Date(UTCPostedTimeInMs));
// It has been 1 days 8 hours 6 mins and 12 seconds since Fri Oct 12 2012 15:03:24 GMT+0100 (BST)
編集
HTMLで表示するには、追加する要素をid属性に指定します
<dt id="post001Time">Display the time here</dt>
次にJavaScriptで、どのようにフォーマットしたいか、例えば
document.getElementById('post001Time').textContent = (hrs % 24) + ' hours and ' + (mins % 60) + ' ago.';
このフィドルを参照してください。