JavaScript_Basic 지식 중 Date 객체의 일반적인 메소드 예-JS 튜토리얼-php.cn

JavaScript_Basic 지식 중 Date 객체의 일반적인 메소드 예

WBOY

풀어 주다： 2016-05-16 15:35:24

원래의

1664명이 탐색했습니다.

getFullYear()
연도를 얻으려면 getFullYear()를 사용하세요.
소스 코드:

</script>
<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to display the full year of todays date.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getFullYear();
}
</script>
&#8203;
</body>
</html>

로그인 후 복사

테스트 결과:

로그인 후 복사

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

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to display the number of milliseconds since midnight, January 1, 1970.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getTime();
}
</script>
&#8203;
</body>
</html>

로그인 후 복사

테스트 결과:

1445669203860

로그인 후 복사

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

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to display a date after changing the year, month, and day.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var d = new Date();
d.setFullYear(2020,10,3);
var x = document.getElementById("demo");
x.innerHTML=d;
}
</script>
&#8203;
<p>Remember that JavaScript counts months from 0 to 11.
Month 10 is November.</p>
</body>
</html>

로그인 후 복사

테스트 결과:

Tue Nov 03 2020 14:47:46 GMT+0800 (中国标准时间)

로그인 후 복사

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

소스코드:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to display the UTC date and time as a string.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.toUTCString();
}
</script>
&#8203;
</body>
</html>

로그인 후 복사

테스트 결과:

Sat, 24 Oct 2015 06:49:05 GMT

로그인 후 복사

getDay()
getDay()와 배열을 사용하여 숫자뿐만 아니라 요일도 표시하는 방법입니다.
소스 코드:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to display todays day of the week.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var d = new Date();
var weekday=new Array(7);
weekday[0]="Sunday";
weekday[1]="Monday";
weekday[2]="Tuesday";
weekday[3]="Wednesday";
weekday[4]="Thursday";
weekday[5]="Friday";
weekday[6]="Saturday";
&#8203;
var x = document.getElementById("demo");
x.innerHTML=weekday[d.getDay()];
}
</script>
&#8203;
</body>
</html>

로그인 후 복사

테스트 결과:

Saturday

로그인 후 복사

시계 표시
웹페이지에 시계를 표시하는 방법.
소스 코드:

<!DOCTYPE html>
<html>
<head>
<script>
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}
&#8203;
function checkTime(i)
{
if (i<10)
 {
 i="0" + i;
 }
return i;
}
</script>
</head>
&#8203;
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>

로그인 후 복사