HTML 문서에 시계 표시하기
2019. 9. 20. 10:39ㆍ나의 노력/WEB
<html>
<head>
<title>HTML 문서에 시계 표시하기</title>
<style type="text/css">
.clock {
font-family:tahoma;
font-size:24pt;
color:#006699;
}
</style>
<script language="javascript">
var time=0;
function showClock() {
var currentDate = new Date();
var divClock = document.getElementById("divClock");
var msg = "이 페이지에 접속 후 " + time + "초"
+ "가 지났습니다.";
divClock.innerText = msg;
setTimeout(showClock, 1000);
time++;
}
</script>
</head>
<body onload="showClock()">
<div id="divClock" class="clock">
</div>
</body>
</html>
'나의 노력 > WEB' 카테고리의 다른 글
| 함수로 배경 색 전환 (0) | 2019.09.20 |
|---|---|
| 라디오 박스 (0) | 2019.09.20 |
| 내 친구 나열하기 (0) | 2019.09.20 |
| 회원가입 폼 만들기 - HTML (0) | 2019.09.10 |
| setInterval의 활용 (0) | 2019.09.09 |