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
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title> 현재시간
</title>
</head>
 
<body onload="showClock()">
<div id="divClock" class="clock">
</div>
   
</body>
<script type="text/javascript">
      function showClock() {
         var currentDate = new Date();
         var divClock = document.getElementById("divClock");        
       
         var msg = "현재 시간: " + currentDate.getHours()+"시 "
         msg += currentDate.getMinutes() + "분 ";
         msg += currentDate.getSeconds() + "초 ";
         
         if (currentDate.getHours() >=12)
         {
         msg +="PM";
         }else{
         msg +="AM";
         } 
         
         divClock.innerText = msg;
         
         setTimeout(showClock, 1000);
      }
</script>
</html>
cs


'프로그래밍 > WEB' 카테고리의 다른 글

HTML5 + CSS3 + Javascript 웹프로그래밍 chapter2 연습문제  (0) 2020.10.20
HTML5 + CSS3 + Javascript 웹프로그래밍 chapter1 연습문제  (0) 2020.10.20
MVC  (0) 2019.03.19
[html&css&js]회원가입 유효성검사  (0) 2018.10.21
[HTML]div, span 의 차이점  (0) 2018.10.18

div, span 의 차이점을 알아보자!!



div

  • <div></div>태그는 Division의 약자
  • 특별한 능력 X, 레이아웃을 나누는데 사용되고 css와 연동하여 사용한다.
  • 줄 바꿈이 가능하다
span
  • <span></span> 
  • 특별한 능력 X, css와 연동하여 사용한다.
  • display속성이 아닌 , inline이라는 점인데, 이는 CSS display항목에서 세부 정보를 알 수 있다.



'프로그래밍 > WEB' 카테고리의 다른 글

HTML5 + CSS3 + Javascript 웹프로그래밍 chapter2 연습문제  (0) 2020.10.20
HTML5 + CSS3 + Javascript 웹프로그래밍 chapter1 연습문제  (0) 2020.10.20
MVC  (0) 2019.03.19
[html&css&js]회원가입 유효성검사  (0) 2018.10.21
[HTML,CSS,JS] 현재시간  (0) 2018.10.21

+ Recent posts

티스토리툴바