날짜 시간 관련 객체

WEB_TECH/javascript

날짜 시간 관련 객체

지식사랑 2012. 10. 24. 17:57

Date 관련 메서드

} date() 오늘날짜

} getFullYear() 올해

} getTime() 01.01.1970년 이래로 밀리세컨드

} setFullYear() 년월일을 강제로 입력

} toUTCString() Fri, 17 Aug 2012 12:21:14 GMT

} getDay() 요일

1. 날짜 출력

먼저 날짜를 찍어 볼까요?

var d = new Date();

document.write(d);

</script>

실행하면

Wed Oct 24 17:37:57 UTC+0900 2012

이처럼 표시됩니다.

2. 요일 표시하기

이번에는 요일을 표시해 보도록 하겠습니다.

getDay()메서드를 이용하여 요일을 뽑아낼 수 있습니다.

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to display todays day of the week.</p>

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";

var x = document.getElementById("demo");

x.innerHTML=weekday[d.getDay()];

}

</script>

</body>

</html>

이렇게 하고 실행한 후 버튼을 클릭하면

Wednesday

라고 해당하는 배열값을 출력합니다.

3. 시계 만들기

getHours()로는 시간을 얻을 수 있고,

getMinutes()로는 분을 얻을 수 있고,

getSeconds()로는 초를 얻을 수 있습니다.

10보다 작으면 앞에 0을 붙여 주는 함수만들어서 사용하면 간단하게 만들 수 있습니다.

<!DOCTYPE html>

<html>

<head>

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); //0.5초 마다 함수실행 타이머

}

function checkTime(i)

{

if (i<10)

{

i="0" + i;

}

return i;

}

</script>

</head>

</body>

</html>