자바스크립트 실시간 시간 표시

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