안녕하세요 게으른여우에요.
유닉스 타임스탬프란 특정 시간을 기준으로부터 현재 시간까지
경과한 시간을 초로 환산하여 정수로 표현한 것입니다.
그럼 자바스크립트로 유닉스 타임스탬프로 변환하고,
그 값을 이용하여 년/월/일로 변환하는 법을 알려드릴게요.
먼저 저는 코딩을 보여드리기 위해~
codepen.io를 사용하고 있어요.
위에 이미지는 제 codepen 저장소에요.
링크도 남겨드릴게요.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>이미지맵 태그 만들기</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div>현재 타임스탬프</div>
<div class="unix_time">
data
</div>
<div class="times">
date
</div>
</body>
</html>
위에 이미지는 간단하게 만든 html코드이고,
이번에는 js코드를 보여드릴게요.
위에 코드가 중요한거에요.
대부분 기능은 JS에서 하니깐요ㅎㅎ
function Unix_timestampConv()
{
return Math.floor(new Date().getTime() / 1000);
}
function Unix_timestamp(t){
var date = new Date(t*1000);
var year = date.getFullYear();
var month = "0" + (date.getMonth()+1);
var day = "0" + date.getDate();
var hour = "0" + date.getHours();
var minute = "0" + date.getMinutes();
var second = "0" + date.getSeconds();
return year + "/" + month.substr(-2) + "/" + day.substr(-2) + " " + hour.substr(-2) + ":" + minute.substr(-2) + ":" + second.substr(-2);
}
$(function(){
$('.unix_time').text(Unix_timestampConv());
$('.times').text(Unix_timestamp(Unix_timestampConv()));
});그럼 시작하겠습니다.
먼저 Unix_timestampConv()라는 함수는 무엇일까요?
현재 시간을 유닉스 시간으로 변환하는 코드인데요.
굉장히 짧아요 ㅎㅎ
다음으로는 Unix_timestamp()라는 함수는 무엇일까요?
현재 시간을 유닉스 시간으로 변환했는데,
이 유닉스 시간을 다시 년/월/일 시:분:초 규격으로
다시 바꾸는 코드입니다.
아래쪽은 이 코드를 해당 클래스에 텍스트로 넣어주는 코드에요ㅎ
이것으로 자바스크립트 유닉스 타임스탬프 변환하는 법 글을 마치도록 하겠습니다.
실행은 아래에 링크에서 확인할 수 있어요!
'🌎 웹' 카테고리의 다른 글
| 브라우저 로컬 스토리지 사용법 (0) | 2020.11.01 |
|---|---|
| [팁] Color Scripter 사용법 (코드 꾸미기) (0) | 2019.04.05 |
| [자바스크립트] 유닉스 시간(Unix TimeStamp)변환 javascript (4) | 2019.04.03 |
