JavaScript 날짜 객체

이 장에서는 JavaScript Date 객체를 소개합니다.

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

JavaScript 날짜(날짜) 객체 인스턴스

Date() 메서드를 사용하여 현재 날짜를 가져오는 방법:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
document.write(Date())
</script>
</body>
</html>

getTime() 1990년 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()를 사용하는 방법:

<!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>

오늘 날짜(UTC에 따라)를 문자열로 변환하기 위해 toUTCString()을 사용하는 방법:

<!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()를 사용하여 날짜를 표시하는 방법 숫자가 아닌 주:

<!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>

Creation Date

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

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

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

new Date() // 현재 날짜 및 시간
new Date(milliseconds) // 1970년 1월 1일의 날짜를 반환합니다. 현재까지 밀리초
new Date(dateString)
new Date(년, 월, 일, 시, 분, 초, 밀리초)

위 매개변수의 대부분은 지정되지 않은 경우 선택사항입니다.

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

var today = new Date()
var d1 = new Date("1975년 10월 13일 11:13: 00")
var d2 = new Date(79,5,24)
var d3 = new Date(79,5,24,11,33,0)

날짜 설정

date 개체의 메소드를 사용하여 Dates를 생성합니다. 쉽게 조작할 수 있습니다.

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

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

예제에서 아래에서는 날짜 객체를 5일 후의 날짜로 설정했습니다.

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

참고: 일 수를 늘리면 월 또는 연도가 변경되고 날짜 개체가 자동으로 이 변환을 완료합니다.

두 날짜 비교

Date 개체를 사용하여 두 날짜를 비교할 수도 있습니다.

다음 코드는 현재 날짜를 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일 이후입니다.");
}

지속적인 학습

새로운 파일

<!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>

제출하다 코드 재설정

자동운전