[html]실시간 시간정보 띄우기

웹페이지에 실시간 시간정보를 띄워보죠!

 

 

<!--  실시간 시간정보 받아오기  -->
                <script type="text/javascript">
                    function timer () { 
                         var date = new Date(); 
                         var hour = date.getHours(); 
                         var ampm = ( hour  < 12 || hour == 24 ) ? " A.M." : " P.M."; 
                              hour = hour % 12 || 12; 
                         var minute = date.getMinutes(); 
                              minute = ( minute > 9 ) ? minute : "0" + minute; 
                         var second = date.getSeconds(); 
                              second = ( second > 9 ) ? second : "0" + second; 
                         var millisec = date.getMilliseconds(); 
                              millisec = ( millisec > 99 ) ? millisec : ( millisec > 9 ) ? "0" + millisec : "00" + millisec; 
                         var timeString =hour + ":" + minute + ":" + second + ampm; 
                         // 또는,  var timeString = hour + ":" + minute + ":" + second + ":" + millisec + ampm; 
                         var year = date.getFullYear(); 
                         var month = date.getMonth() + 1; 
                         var day = date.getDate(); 
                         var arrayWeek = [ "일 " , "월 " , "화 " , "수 " , "목 " , "금 " , "토 " ]; 
                         // 또는, var arrayWeek = [ "일. " , "월. " , "화. " , "수. " , "목. " , "금. " , "토. " ]; 
                         var week = date.getDay(); 
                               week = arrayWeek [ week ]; 
                         var dateString = year + ". " + month + ". " + day + ". " + week; 
                         return  dateString + timeString; 
                    } 
                    </script>
<!-- 실시간 시간정보 쓰기 -->
                <h1 class="time">
                <p style="color:white;" id="realTimer"></p>
                <script type="text/javascript">
                var tag = document.getElementById( "realTimer" ); 
 
                     tag.innerHTML = timer(); 
 
                setInterval ( function() { tag.innerHTML = timer(); } , 1000 );
                </script>
                </h1>
<!-- -->