Cute Happy Ghost
본문 바로가기
Front/Javascript·Jquery

javascript time이용하여 실시간으로 반영되는 시간구하기

by JENN_tech7 2022. 6. 9.
728x90
SMALL

실시간으로 반영되는 시간 구하기

 

html

<em  id="clock" style="font-size: 25px;" ></em>

 

 

 

js

 var Target = document.getElementById("clock");
    function clock() {
        var time = new Date();

        var year = time.getFullYear();
        
        //month와 date는 2digit으로 표현
        var month = (time.getMonth() + 1).toString().padStart(2, "0");
        var date =time.getDate().toString().padStart(2, "0");
        
        var day = time.getDay();
        var week = ['일', '월', '화', '수', '목', '금', '토'];

        var hours = time.getHours();
        var minutes = time.getMinutes();
  		Target.innerText =  `${year}-${month}-${date} ${week[day]}요일  ${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes}` : minutes}`    }
    clock();
    
    //1초마다 실행
    setInterval(clock, 1000);

 

 

 

 

초단위도 넣고싶으면아래 참고하여 기존소스에 추가하면됨

var seconds = time.getSeconds();
   `..중략..${seconds < 10 ? `0${seconds}` : seconds}`;

 

728x90
LIST

댓글