timeago.js 사용법 > 그누보드5 팁자료실

그누보드5 팁자료실

timeago.js 사용법 정보

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>

 

최신글, 리스트, 뷰 , 어느 페이지에서든 사용 가능합니다~

댓글 전체

전체 1,097 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. EditPlus5 (에디트플러스5 1인용)

    참여8 회 시작18.04.22 18:39 종료18.04.27 18:27
  2. 일전에 말씀드린 자전거용품 몇개 찾아봤습니다..

    참여4 회 시작18.04.22 14:55 종료18.04.27 14:55
  3. 1U 서버2대 착불! 낙찰아님 / 추첨 (포경아닌 포경)

    참여14 회 시작18.04.19 19:05 종료18.04.24 19:05

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT