Javascript〃자바스크립트로 현재시간 나타내기

사이트 제작시 현재날짜와 현재시간을 보여줄때가 있습니다. 자바에서 보여주는 방법도 있지만 이번 글에서는 가볍게 자바스크립트로 나타내는 것을 정리해 볼게요.

먼저 View를 나타내는 Html or Jsp에서는 div 스타일로 id명을 입력해줍니다.

 

 조회시간 : 

  

다음 <script> </script> 사이에 아래와 같이 입력합니다.

 
var msg={
	label_date_format_yymmdd_hhmmss:'yyyy년 MM월 dd일 a/p hh시 mm분 ss초',
	};
	
Date.prototype.format = function(f) {
	    if (!this.valueOf()) return " ";
	 
	    var weekName = ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'];
	    var d = this;
	     
	    return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) {
	        switch ($1) {
	            case "yyyy": return d.getFullYear();
	            case "yy": return (d.getFullYear() % 1000).zf(2);
	            case "MM": return (d.getMonth() + 1).zf(2);
	            case "dd": return d.getDate().zf(2);
	            case "E": return weekName[d.getDay()];
	            case "HH": return d.getHours().zf(2);
	            case "hh": return ((h = d.getHours() % 12) ? h : 12).zf(2);
	            case "mm": return d.getMinutes().zf(2);
	            case "ss": return d.getSeconds().zf(2);
	            case "a/p": return d.getHours() < 12 ? '오전' : '오후';
	            default: return $1;
	        }
	    });
	};
	
	String.prototype.string = function(len)
            {var s = '', i = 0; while (i++ < len) { s += this; } return s;};
	String.prototype.zf = function(len)
            {return "0".string(len - this.length) + this;};
	Number.prototype.zf = function(len)
            {return this.toString().zf(len);};
	
	viewSearchTime();
	
	function viewSearchTime(){
		document.getElementById("checkTime").style.display ="block";
		
		var nowTime = new Date().format(msg.label_date_format_yymmdd_hhmmss);
		$("#searchTime").html(nowTime);
	}