1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <p id="demo"></p> <br> <button onclick="displayDate()">지금 시각?</button> <script type="text/javascript"> function displayDate() { document.getElementById("demo").innerHTML = Date(); } setInterval("displayDate()",1000); //타이머 함수 </script> <p id="time"></p> <script type="text/javascript"> //현재 날짜 값 가져오기 var d = new Date(); //파라미터로 각각 값을 set var d = new Date(2010, 5, 17 ,6 ,51 ,20 ,0); //연도 월 일 시 분 초 밀리세컨 //문자열로 set var d = new Date("October 12, 2018 12:32:34"); // document.getElementById("time").innerHTML = d; //요일 //1 = 월요일 document.getElementById("time").innerHTML = d.getDay(); //연도 document.getElementById("time").innerHTML = d.getFullYear(); //월 --> 0부터 시작 document.getElementById("time").innerHTML = d.getMonth() + 1; //일 document.getElementById("time").innerHTML = d.getDate(); //시 document.getElementById("time").innerHTML = d.getHours(); //분 document.getElementById("time").innerHTML = d.getMinutes(); //초 document.getElementById("time").innerHTML = d.getSeconds(); // get set </script> </body> </html> | cs |
'IT Study > Web' 카테고리의 다른 글
| [JavaScript] 기본 문법 - 진수 변환 (0) | 2018.08.06 |
|---|---|
| [JavaScript] 기본 문법 - String (0) | 2018.08.06 |
| [JavaScript] 기본 문법 - Array, Object (0) | 2018.08.06 |
| [JavaScript] 기본 문법 - 변수(var) (0) | 2018.08.06 |
| [JavaScript] 기본 문법 - 함수 (0) | 2018.08.06 |