JavaScript►jquery

timeage.js 사용법

페이스북의 타임라인들을 보노라면, 8분, 4분, 10시간 과 같이 시간을 표시해주는데,
timeago 를 사용하면 이를 쉽게 구현해준다.

CDN

사용법

1. 문서에 timeago.js 포함

1
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.6.5/jquery.timeago.min.js"></script>

한국어로 표현하고 싶다면, localses 의 jquery.timeago.ko.js를 추가로 포함한다.

1
2
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.6.5/jquery.timeago.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.6.5/locales/jquery.timeago.ko.js"></script>

2. 날짜 넣기

1
2
<!-- 시간은 yyyy-mm-dd hh:ii:ss 형식으로 넣어준다 -->
<time class="tg" datetime="{{시간}}">

3. timeago 초기화

1
2
3
$(document).ready(function(){
  $('time.tg').timeago();
});