You will be fine

<javascript> 6. Date, InnerHTML

by BFine

공부(2018~2019) - 스킨변경전/Javascript

반응형

1.JSON

  

JSON : JAVA SCRIPT OBJECT NATATION



실행

 var a={

          변수명 : 값 , ~~ 

           메소드명: function (){   },~~

       

};


2.Date



1
2
3
4
5
6
7
8
9
10
11
12
13
var now =new Date();
console.log(now.toString());
console.log(now.toLocaleDateString());
console.log(now.toLocaleTimeString());
console.log(now.toLocaleString());
console.log(now);
 
 
console.log();
console.log(now.getDay()); // 일 월 화 수 목 금 토 (0 1 2 3 4 5 6)
 
var date=new Date(2018,1,20,12,34,56); // 1월~12월 0~11;
console.log(date.toLocaleString()); 
cs



실행


1
2
3
4
5
6
7
8
Wed Apr 04 2018 14:36:36 GMT+0900 // 전부
2018-4-4 //날짜
14:36:36 // 시간
2018-4-4 14:36:36 // 분초
2018-04-04T05:36:36.330Z
 
3 // 날짜
2018-2-20 12:34:56
cs





3.InnerHTML




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
   <script>

     function timer() {
                
          var k = document.getElementById("her");
            k.innerHTML+= "Hello World";
 
        }
           
       setTimeout(timer,1000);  // 1초후에 실행
        var setinter=setInterval(timer,1000) // 1초마다 반복실행, 실행횟수를  반환
 
        clearInterval(setinter); //타이머 종료
 
       setTimeout(function () { clearInterval(id); }, 1000);
 
      </script>
cs


<동적 시간 출력>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
 
    function ki() {
        var date=new Date();
         var here = document.getElementById("here");
          here.innerHTML = date.toTimeString();
      }
     setInterval(ki, 1000);
 
     </script>
 
</head>
<body>
    <div id="here"></div>
</body>
cs






반응형

'공부(2018~2019) - 스킨변경전 > Javascript' 카테고리의 다른 글

<javascript> 8.DOM, BOM  (0) 2018.04.06
<javascript> 7. Number, String  (0) 2018.04.05
<jQuery> 3. Event  (0) 2018.04.02
<jQuery> 2. Method  (0) 2018.03.30
<jQuery> 2. DOM  (0) 2018.03.29

블로그의 정보

57개월 BackEnd

BFine

활동하기

티스토리툴바