-
[JS] 자바스크립트 현재 시간 가져오기WEB/JavaScript 2022. 9. 13. 16:17
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .clock{ font-family: tahoma; font-size: 24pt; color: #006699; } </style> <script> function showClock(){ var currentDate = new Date(); var divClock = document.getElementById("divClock"); var msg = '현재 시간: ' + currentDate.getHours() + "시 "; msg += currentDate.getMinutes() + "분 "; msg += currentDate.getSeconds() + "초 "; divClock.innerHTML = msg; setTimeout(showClock, 1000); } </script> </head> <body onload="showClock()"> <div id="divClock" class="clock"></div> </body> </html>
728x90'WEB > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 유효성 검사 (0) 2022.09.14 [JS] 자바스크립트 계산기 (0) 2022.09.13 [WEB] 자바스크립트 게시판 CRUD (0) 2022.09.11