<script>
function clock(){
var date = new Date();
//년도
var nowYear = date.getFullYear();
// date Object
var month = date.getMonth();
// 월
var clockDate = date.getDate();
// 날짜
var day = date.getDay();
// 요일은 숫자형태로 리턴되기때문에 미리 배열로
var week = ['일', '월', '화', '수', '목', '금', '토'];
// 시간
var hours = date.getHours();
// 분
var minutes = date.getMinutes();
// 초
var seconds = date.getSeconds();
// 시간 분 초는 한자리 수 이면 앞에0을 붙임
var hours_str = hours < 10 ? "0"+hours : hours;
var minutes_str = minutes < 10 ? "0"+minutes : minutes;
var seconds_str = seconds < 10 ? "0"+seconds : seconds;
// 월은 0부터 1월이기때문에 +1일을 해주고
$(".bn_date").html(nowYear+"년 "+(month+1)+"월 "+clockDate+"일 "+week[day]+"요일");
$(".bn_time").html(hours_str+":"+minutes_str+":"+seconds_str);
}
function init() {
// 최초에 함수를 한번 실행
clock();
//1초마다 반복
setInterval(clock, 1000);
}
$(document).ready(function(){
init();
});
</script>
자바스크립트 실시간 시간 표시
[ Web 관련 ]자바스크립트카테고리의 다른글
자바스크립트 전체 콤마 제거 (0) | 2021.10.22 |
---|---|
웹스토리지, 세션스토리지 (0) | 2021.07.28 |
자바스크립트 브라우저 체크 (0) | 2021.03.12 |
날짜 형식 변경, 오늘날짜, 어제날짜, 최근 7일, 최근 30일, 지난 주, 지난 달 (0) | 2021.02.16 |
자바스크립트 여러 줄을 문자열로 묶는 방법 (0) | 2021.02.12 |