[javascript pretty.js] 何分前などの表示をする メモ

何分前に投稿などをjavascript側でやるには、
JavaScript Pretty Date が便利です。

以下のように記述すると
<html>
<head>
<title>pretty.js</title>
<script src="../static/jquery-1.3.2.min.js"></script>
<script src="../static/pretty.js"></script>
</head>
<body>
<script type="text/javascript">
  $(document).ready(function() {
    var num = 1;
    window.setInterval(function(){
      var date = new Date();
      $('#container').append(num++*10 + 's : <span class="pretty-time" title="' + date.toUTCString() + '">' + date.toDateString() + '</span><br />');
      $('.pretty-time').prettyDate() }, 1000 * 10);
  });
</script>
<div id="container"></div>
</body>
</html>
titleにある時間が変換されてこのように 1 minutes ago などと表示されます。
setIntervalで10秒毎に、jQueryのセレクターで$('.pretty-time')を選択してprettyDateを実行します。

pretty_js

サンプルはコチラ (10秒後に表示が始まります。)