자바스크립트 날짜




날짜 객체는 날짜와 시간을 처리하는 데 사용됩니다.



온라인 예제
Date() 메서드를 사용하여 오늘 날짜를 가져오는 방법.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
var d=new Date();
document.write(d);
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


getFullYear() getFullYear()를 사용하여 연도를 가져옵니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">点击按钮获取今年的年份。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x = document.getElementById("demo");
	x.innerHTML=d.getFullYear();
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

getTime()
getTime()은 1970년 1월 1일 이후의 밀리초 수를 반환합니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">单击按钮显示1970年1月1号至今的毫秒数。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x = document.getElementById("demo");
	x.innerHTML=d.getTime();
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

setFullYear()
setFullYear()를 사용하여 특정 날짜를 설정하는 방법입니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">单击按钮显示修改后的年月日。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	d.setFullYear(2020,10,3);
	var x = document.getElementById("demo");
	x.innerHTML=d;
}
</script>
<p>记住JavaScript月数是从0至11。10是11月。</p>
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

toUTCString()
toUTCString()을 사용하여 오늘 날짜(UTC 기준)를 문자열로 변환하는 방법입니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">点击按钮把utc日期和时间转换成字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x = document.getElementById("demo");
	x.innerHTML=d.toUTCString();
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

getDay()
숫자뿐만 아니라 요일도 표시하기 위해 배열과 함께 getDay()를 사용하는 방법입니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p id="demo">单击按钮显示今天周几</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var weekday=new Array(7);
	weekday[0]="周日";
	weekday[1]="周一";
	weekday[2]="周二";
	weekday[3]="周三";
	weekday[4]="周四";
	weekday[5]="周五";
	weekday[6]="周六";
	var x = document.getElementById("demo");
	x.innerHTML=weekday[d.getDay()];
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

시계 표시
웹페이지에 시계를 표시하는 방법입니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
function startTime(){
	var today=new Date();
	var h=today.getHours();
	var m=today.getMinutes();
	var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’
	m=checkTime(m);
	s=checkTime(s);
	document.getElementById('txt').innerHTML=h+":"+m+":"+s;
	t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
	if (i<10){
		i="0" + i;
	}
	return i;
}
</script>
</head>
<body onload="startTime()">
	
<div id="txt"></div>
	
</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


완전한 날짜 객체 참조 매뉴얼

JavaScript Date 객체 참조를 제공합니다. 날짜 개체에 사용할 수 있는 모든 속성과 메서드가 포함된 설명서입니다. JavaScript 날짜 객체 참조 매뉴얼.

매뉴얼에는 각 속성과 메소드에 대한 자세한 설명과 관련 예제가 포함되어 있습니다.


생성일

날짜 객체를 사용하여 처리합니다. 날짜와 시간.

new 키워드를 통해 날짜 객체를 정의할 수 있습니다. 다음 코드는 myDate라는 Date 객체를 정의합니다.

날짜를 초기화하는 네 가지 방법이 있습니다.

new Date() // 현재 날짜 및 시간
new Date( milliseconds ) //1970년 1월 1일 이후의 밀리초 수를 반환
new Date(dateString)
new Date(년, 월, 일, 시간, 분, 초, 밀리초)

위 매개변수의 대부분은 선택사항입니다. 지정하지 않으면 기본 매개변수는 0입니다.

날짜 인스턴스화의 몇 가지 예:

var today = new Date()
var d1 = new Date("October 13, 1975 11:13:00" )
var d2 = 새 날짜(79,5,24)
var d3 = 새 날짜(79,5,24,11,33,0)

날짜 설정

날짜 개체에 메서드를 사용하면 날짜에 대한 작업을 쉽게 수행할 수 있습니다.

다음 예에서는 날짜 개체에 대해 특정 날짜(2010년 1월 14일)를 설정합니다.

var myDate=new Date();
myDate.setFullYear (2010,0,14);

다음 예에서는 날짜 객체를 5일 후의 날짜로 설정합니다.

var myDate= new Date() ;
myDate.setDate(myDate.getDate()+5);

참고: 일을 추가하여 월이나 연도가 변경되는 경우 날짜 개체가 자동으로 이 변환을 완료합니다.


두 날짜 비교

날짜 개체도 사용 가능 두 날짜를 비교합니다.

다음 코드는 현재 날짜를 2100년 1월 14일과 비교합니다.

var x=new Date();
x.setFullYear(2100,0 ,14);
var today = new Date();

if (x>today)
{
alert("오늘은 2100년 1월 14일 이전입니다.");
}
else
{
alert("오늘은 2100년 1월 14일 이후입니다.");
}