자바스크립트에서는 date 함수를 이용하여 특정 날짜나 현재 날짜 또는 시간을 출력할 수 있다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Date Example</title>
<script src="../../js/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function () {
var $output = $("#output");
// Date 클래스 객체 생성
var date = new Date(); // 따로 지정하지 않으면 현재 일자로 객체 생성
var hour = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();
var msec = date.getMilliseconds();
var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDate();
var dayOfweek = date.getDay(); // 요일 : 0(일)~6(토)
$output.html("현재 일시 : " + year + "년" + (month + 1) + "월" + day + "일 " + getDayOfWeek(dayOfweek) + "<br>현재 시각 : " + hour + ":" + min + ":" + sec + "'" + msec);
// 요일을 불러내는 함수가 숫자로 출력되므로 요일을 출력할 수 있는 함수
function getDayOfWeek(day) {
var week = new Array('일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일');
var todayWeek = week[day];
return todayWeek;
}
});
</script>
</head>
<body>
<div id="output">
</div>
</body>
</html>
728x90
반응형
'HTML > Javascript 기초' 카테고리의 다른 글
| [Javascript] 속성 읽어오기 (0) | 2020.08.04 |
|---|---|
| [Javascript/jQuery] 해당 스타일 읽어오기(feat. 자바스크립트, jQuery) (0) | 2020.08.04 |
| [Javascript] 세자리 수 마다 콤마(,) 추가하기 (0) | 2020.07.31 |
| [Javascript] string 기초 배워보기 (0) | 2020.07.31 |
| [Javascript] Math 이용해서 실습 (0) | 2020.07.31 |
