땀똔의 프로필 사진

블로그 나이 보여주기..

    Information/For Tistory

 

 

    

 

「00년 00개월차, 0000일」 형식으로 출력하기..

 

 

 

[Demo] 블로그 나이 보여주기

 

dd-stuff.tistory.com

 

 

<!-- HTML -->

<div id="blogAge"></div>

 

 

/* Javascript */

let today = new Date();
let dd = today.getDate();
let mm = today.getMonth() + 1;
let yyyy = today.getFullYear();

let st = new Date(2012, 8, 6); // 기준일 지정
let et = new Date(yyyy, mm, dd);

let b_dd = (et.getTime() - st.getTime()) / 1000 / 60 / 60 / 24;
let b_yyyy = (et.getTime() - st.getTime()) / 1000 / 60 / 60 / 24 / 365;
let b_mm = b_yyyy % 1;
b_mm = Math.floor(b_mm.toFixed(3) * 12);

if ( b_mm % 1 != 0 ) { b_mm = Math.floor(b_mm) }
if ( b_yyyy % 1 != 0 ) { b_yyyy = Math.floor(b_yyyy) }

// 출력할 문구 만들기
let blog_age = '<span class="year">' + b_yyyy + '년</span> <span class="month">' + b_mm+'개월</span>차, <span class="day">' + b_dd + '일째</span> 작동중인 블로그!';

document.querySelector('#blogAge').innerHTML = blog_age;

 

 

/* CSS - optional */

#blogAge { font-size: 20px; text-align: center }
#blogAge span.year { color:crimson }
#blogAge span.month { color:green }
#blogAge span.day { color:blue }