728x90
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <script> var itvID = window.setInterval(function() { var timer=document.getElementById("time"); var now=new Date(); var year=now.getFullYear(); var month=now.getMonth(); var date=now.getDate(); var day=now.getDay(); var hour=now.getHours(); var minute=now.getMinutes(); var second=now.getSeconds(); var how='오전'; switch(day){ case 0: day="일요일";break; case 1: day="월요일";break; case 2: day="화요일";break; case 3: day="수요일";break; case 4: day="목요일";break; case 5: day="금요일";break; case 6: day="토요일";break; } if(hour>12){hour-=12;how='오후';} if(minute<10)minute="0"+minute; if(second<10)second="0"+second; timer.innerHTML=year+'년 '+(month+1)+'월 '+date+'일 '+day+' '+how+hour+':'+minute+':'+second; },1000); function stop(){ clearInterval(itvID);} </script> </head> <body> <div id="time">Time Time Time Time Time Time Time Time Time Time </div> <input type="button" onclick="stop()" value="Stop timer"> </body> </html>
'it > programming' 카테고리의 다른 글
기반 프로그램에 따른 자바스크립트의 종류 (0) | 2013.12.27 |
---|---|
Date 객체의 메소드 실습 (0) | 2013.11.28 |
13.11.21 영어도서부 홈페이지 index (0) | 2013.11.21 |