탈

timeago.js 사용법

3717236519_1520468502.1424.png

다운로드 

 

최근들어 페이스북, 인스타그램등 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개

좋은 팁 감사합니다. 실행해 봐야 겠네요
헉 진짜 좋은 팁이네요..별별게 다 나온다는 생각이 듭니다. 좋은정보 감사합니다.
좋은 정보 감사합니다.
유용한 정보를 알려주셔서 감사합니다..^0^
좋은정보감사합니다
좋아요..잘쓰겠습니다.감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
18-03-20 조회 1.1만
18-03-19 조회 8,247
18-03-19 조회 7,522
18-03-19 조회 1만
18-03-19 조회 8,953
18-03-19 조회 9,837
18-03-18 조회 7,752
18-03-15 조회 8,302
18-03-12 조회 7,563
18-03-12 조회 1만
18-03-12 조회 8,619
18-03-09 조회 7,904
18-03-09 조회 2만
18-03-09 조회 1.2만
18-03-08 조회 1.2만
18-03-08 조회 7,433
18-03-08 조회 9,402
18-03-07 조회 7,688
18-03-07 조회 7,005
18-03-07 조회 9,566
18-03-05 조회 8,132
18-03-05 조회 9,067
18-03-04 조회 9,422
18-03-03 조회 7,997
18-03-02 조회 1.2만
18-03-02 조회 8,320
18-03-02 조회 8,830
18-03-02 조회 1만
18-03-01 조회 8,671
18-02-28 조회 9,912