웹사이트를 만들다 보면 현재시간을 간단하게 사용자들에게 보여주고 싶을 경우가 있는데, 그때 유용하게 쓸 수 있는 함수가 currentDate 함수입니다.
currentDate를 활용한 현재시간 불러오기
<meta charset="EUC-KR">
<title>현재시간 불러오기</title>
<script language="javascript">
function showClock(){
var currentDate = new Date();
var divClock = document.getElementById("divClock");
var msg = "현재 시간:"+currentDate.getHours()+"시"
msg += currentDate.getMinutes()+"분";
msg += currentDate.getSeconds()+"초";
divClock.innerText = msg;
setTimeout(showClock,1000);
}
</script>
<body onload="showClock()">
<div id="divClock" class="clock"></div>
</body>
위와 같은 텍스트형식으로 현재시간을 간단하게 웹사이트에 표시할 수 있습니다.
'Web > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트란 무엇인가? (7) | 2018.07.01 |
|---|---|
| [JavaScript] 홈페이지 접속한시간 알려주기 (0) | 2017.10.11 |
| [JavaScript] 마우스 우클릭 막기/ 내용 선택 막기 (0) | 2017.10.11 |
| [JavaScript] 자바스크립트로 배열의 Push,Pop,Sort, Reverse구현하기 (0) | 2017.10.10 |