| 실행 소스 |
|
<?xml version="1.0" encoding="EUC-KR" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" /> <title>날짜 (Date)</title> <script type="text/javascript"> function init() { // var target = document.getElementById('target'); // target.innerHTML = new Date();
// Window 객체는 생략이 가능하다. no = setInterval(setTime, 1000); // 가능 // setInterval("setTime()", 1000); // 가능 } function setTime() { var target = document.getElementById('target'); var date = new Date();
// 2012-09-11 16:14:00 식으로 출력
// target.innerHTML = date.getFullYear() + '-' + (date.getMonth() + 1) // + '-' + date.getDate() + ' ' + date.getHours() + ':' + // date.getMinutes() + ':' + date.getSeconds(); target.innerHTML = date.toLocaleString(); } /* var target = document.getElementById('target'); alert(target); */ </script> </head> <body onload="init();"> <!-- 첫화면 띄울때 뭔가 해주고 싶으면 --> <input type="button" value="멈춰라" onclick="clearInterval(no);" /> <input type="button" value="돌려라" onclick="init();" /> <div id="target"></div> </body> </html>
|
실행 결과 |
|
|
'Dev. 웹 > JavaScript' 카테고리의 다른 글
| [JQuery 예제] 셀렉터(Selector) 이용법 및 이벤트 적용 (0) | 2012.09.13 |
|---|---|
| [JavaScript 예제] 자바스크립트 정규식 이용한 유효성 검사 (5) | 2012.09.13 |
| [JavaScript 예제] 버튼 클릭시 구구단 출력 (0) | 2012.09.12 |
| [JavaScript 예제] 버튼 클릭 이벤트, div클릭시 숫자 증가 보여주기 (0) | 2012.09.12 |
| jquery 기초 정리 및 예제 (1) | 2012.09.11 |