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
'Front > Javascript·Jquery' 카테고리의 다른 글
[javascript ,jquery] trigger 처음에 안먹힐때, 클릭이벤트 안먹힐 때, document trigger click, 동적이벤트 후 트리거 (0) | 2022.07.05 |
---|---|
javascript click이벤트 안먹힐때, 어떤 함수실행 후 재클릭이벤트 안먹힐때 (0) | 2022.07.05 |
javascript 원하는 지점으로 스크롤 이동, 해당영역으로 스크롤이동 (0) | 2022.05.24 |
클릭한 요소의 하위요소 값 찾기 (0) | 2022.05.16 |
[Javascript] 클릭한 DOM 요소 가져오기 / 자식 요소 선택 querySelector / 부모 요소 선택 / queryselector (0) | 2022.05.13 |
댓글