기록 ＞ 기억
[JavaScript] 내장 객체 ① Date 객체 본문
Date 객체
● 객체 생성
let d = new Data(); //현재 날짜와 시간
● 주요 메서드
| getFullYear() | 연도 정보 가져옴 | setFullYear() | 연도 수정함 |
| getMonth() | 월 정보 가져옴 (0 ~ 11) | setMonth() | 월 수정함 |
| getData() | 일 정보 가져옴 | setData() | 일 수정함 |
| getDay() | 요일 정보 가져옴 (일: 0 ~ 토: 6) | ||
| getHours() | 시 정보 가져옴 | setHours() | 시 수정함 |
| getMinutes() | 분 정보 가져옴 | setMinutes() | 분 수정함 |
| getSeconds() | 초 정보 가져옴 | setSeconds() | 초 수정함 |
| getMilliseconds() | 밀리초 정보 가져옴 (1/1,000초) | setMilliseconds() | 밀리초 수정함 |
| getTime() | 1970년 1월 1일부터 경과된 시간 | setTime() | 1970년 1월 1일부터 경과된 시간 수정 |
| toGMTString() | GMT 표준 표기 방식으로 반환 | toLocaleString() | 운영시스템 표기 방식으로 반환 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>clock</title>
<style>
#here {
width: 300px;
height: 40px;
background-color: #96D5D7;
padding: 20px;
}
</style>
</head>
<body>
<div id="watch">
<div id="here"></div>
<input type="button" value="start" id="btnStart" readonly="readonly">
<input type="button" value="stop" id="btnStop">
</div>
<script>
let week = ["일", "월", "화", "수", "목", "금", "토"];
let here = document.getElementById("here");
let btnStart = document.getElementById("btnStart");
let btnStop = document.getElementById("btnStop");
let interval;
interval = setInterval(clock, 1000); //1초마다 clock 함수를 호출
btnStart.disabled = true;
btnStart.onclick = function() {
interval = setInterval(clock, 1000);
btnStart.disabled = true;
btnStop.disabled = false;
}
btnStop.onclick = function() {
clearInterval(interval);
btnStart.disabled = false;
btnStop.disabled = true;
}
//현재 시간
function clock() {
var d = new Date();
var str = "";
str = d.getFullYear() + "년 "
+ (d.getMonth()+1) + "월 " //0 ~ 11 이라 +1 해줌
+ d.getDate() + "일 "
+ week[d.getDay()] + "요일 " //0 ~ 6 (일 ~ 토)
+ zeroFormat(d.getHours()) + " : "
+ zeroFormat(d.getMinutes()) + " : "
+ zeroFormat(d.getSeconds());
here.innerHTML = str;
}
//format 00:00:00
function zeroFormat(num) {
return (num < 10) ? "0" + num : num;
}
</script>
</body>
</html>
● getMonth()는 항상 +1 해주어야 함
'IT국비지원' 카테고리의 다른 글
| [JavaScript] 객체 생성 방법 (리터럴, 생성자) (0) | 2021.10.04 |
|---|---|
| [JavaScript] 회원가입 유효성 검사 (0) | 2021.10.04 |
| [JavaScript] 로또번호 출력하기 (0) | 2021.09.30 |
| [JavaScript] 이벤트 (0) | 2021.09.29 |
| [JavaScript] 폼 객체 ④ select 객체 (0) | 2021.09.29 |
| [JavaScript] 폼 객체 ③ checkbox 객체 (0) | 2021.09.29 |
| [JavaScript] 폼 객체 ② radio 객체 (0) | 2021.09.29 |
'IT국비지원' Related Articles
more
Comments