JavaScript에서 밀리초를 날짜로 변환
이 기사에서는 JavaScript의 기본 날짜 개체 및 방법을 사용하여 밀리초 단위로 날짜를 생성하는 방법에 대해 설명합니다.
JavaScript에서 밀리초를 날짜로 변환
JavaScript에서 밀리초 단위로 날짜를 생성하려면 기본 JavaScript 날짜 개체와 해당 메서드를 사용할 수 있습니다. 먼저 밀리초 값을 매개변수로 날짜 개체에 전달하고 날짜를 원하는 날짜 형식으로 변환해야 합니다.
날짜 형식을 변환하는 여러 가지 기본 방법이 있습니다. 대부분 개발자는 아래 구문에 표시된 대로 날짜 콘텐츠를 문자열로 변환해야 합니다.
기본 구문:
let date = new Date(milliseconds); // convert date from milliseconds
date.toString(); // change format
JavaScript에서 밀리초 단위로 문자열 날짜 생성
다음 예제는 현재 date 객체를 생성하고 date.time() 메서드를 사용하여 밀리초로 변환하는 간단한 웹 페이지를 생성합니다. 그런 다음 해당 밀리초 값을 사용하여 버튼 클릭 시 현재 날짜의 문자열 형식을 생성합니다.
예제 코드:
<!DOCTYPE html>
<html>
<body>
<h2>DelftStack learning</h2>
<h3>JavaScript convert milliseconds to date example</h3>
<p id="millisecondsDate" > </p>
<button onClick="myFunction()">
click here
</button>
<p id="convertedDate"> </p>
<script>
var original = document.getElementById('millisecondsDate');
var result = document.getElementById('convertedDate');
var time = new Date().getTime(); // current date in milliseconds
original.innerHTML = "Milliseconds = " + time;
function myFunction() {
var date = new Date(time);
result.innerHTML = date.toString(); // final date in string
}
</script>
</body>
</html>
위의 HTML 소스 코드에서 <p></p> 단락 태그를 사용하여 변환된 날짜를 표시했습니다. <script> 태그에서 현재 날짜를 생성하고 밀리초를 얻습니다.
myFunction()을 선언하고 밀리초를 매개변수로 전달하여 새 날짜를 생성했습니다. 이제 toString() 메서드를 사용하여 날짜를 문자열 형식으로 변환합니다.
innerHTML을 사용하여 단락 태그에 최종 변환 날짜를 지정했습니다. 여기서는 버튼을 클릭하여 myFunction()을 호출했습니다.
위의 소스를 HTML 확장자로 저장하고 브라우저에서 열어 결과를 볼 수 있습니다.
JavaScript의 밀리초에서 일반적인 날짜 변환
다음은 밀리초에서 JavaScript의 다양한 날짜 형식으로 날짜를 변환하는 몇 가지 일반적인 방법입니다.
let originalDate = new Date(milliseconds);
originalDate.toLocaleString(); // output will be: "D/MM/YYYY, H:MM:SS PM/AM"
originalDate.toLocaleDateString(); //output will be: "D/MM/YYYY"
originalDate.toDateString(); // output will be: "Day Month DD YYYY"
originalDate.toTimeString(); // output will be: "HH:MM:SS GMT+0530"
originalDate.toString(); // output will be: "Day Month DD YYYY HH:MM:SS GMT+0500"
originalDate.toLocaleTimeString(); // output will be: "H:MM:SS AM/PM"