timeago.js 사용법
최근들어 페이스북, 인스타그램등 sns 에서는 작성날짜보다 현재시간을 기준으로 지난 분, 시간, 일, 월, 년 단위로 표시합니다.
이걸 손쉽게 구현하게 해주는 timeago.js 를 사용합니다.
다운로드후
jquery.timeago.js, jquery.timeago.ko.js
두 파일을 js디렉토리에 업로드 합니다
<script src="<?php echo G5_JS_URL?>/jquery.timeago.js"></script>
<script src="<?php echo G5_JS_URL?>/jquery.timeago.ko.js"></script> <!-- 한국어로 출력 -->
위와 같이 html에 작성후
ex) list.skin.php
<time class="timeago" datetime="<?php echo $list[$i]['wr_datetime']?>">
<!-- datetime 메서드에 yyyy-mm-dd hh:ii:ss 형식으로 넣어줘야함 -->
해당 엘리먼트에 timeago() 함수를 실행시켜줍니다.
<script>
jQuery(document).ready(function() {
jQuery("time.timeago").timeago();
});
</script>
최신글, 리스트, 뷰 , 어느 페이지에서든 사용 가능합니다~
댓글 8개
브러운아이
7년 전
좋은 팁 감사합니다. 실행해 봐야 겠네요
7년 전
헉 진짜 좋은 팁이네요..별별게 다 나온다는 생각이 듭니다. 좋은정보 감사합니다.
7년 전
좋은 정보 감사합니다.
7년 전
유용한 정보를 알려주셔서 감사합니다..^0^
terrorboy
7년 전
좋은정보감사합니다
midas05
7년 전
감사합니다
7년 전
좋아요..잘쓰겠습니다.감사합니다.
lonei
3년 전
timeago.js用法
게시글 목록
| 번호 | 제목 |
|---|---|
| 23606 | |
| 23598 | |
| 23585 | |
| 23579 | |
| 23578 | |
| 23564 | |
| 23550 | |
| 23549 | |
| 23548 | |
| 23529 | |
| 23510 | |
| 23507 | |
| 23481 | |
| 23471 | |
| 23453 | |
| 23452 | |
| 23450 | |
| 23436 | |
| 23428 | |
| 23404 | |
| 23396 | |
| 23389 | |
| 23380 | |
| 23369 | |
| 23350 | |
| 23337 | |
| 23317 | |
| 23307 | |
| 23298 | |
| 23290 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기