본문 바로가기

코딩/Javascript

디데이

728x90

 

 

const clockTitle = document.querySelector(".js-clock");


function getTime() {
const xmasDay = new Date(`${new Date().getFullYear()}-12-25:00:00:00+0900`);
const now = new Date();
// This is in milisecondsx
const difference = new Date(xmasDay - now);
const secondsInMs = Math.floor(difference / 1000);
const minutesInMs = Math.floor(secondsInMs / 60);
const hoursInMs = Math.floor(minutesInMs / 60);
const days = Math.floor(hoursInMs / 24);
const seconds = secondsInMs % 60;
const minutes = minutesInMs % 60;
const hours = hoursInMs % 24;
const daysStr = `${days < 10 ? `0${days}` : days}d`;
const hoursStr = `${hours < 10 ? `0${hours}` : hours}h`;
const minutesStr = `${minutes < 10 ? `0${minutes}` : minutes}m `;
const secondsStr = `${seconds < 10 ? `0${seconds}` : seconds}s`;
clockTitle.innerHTML = `${daysStr} ${hoursStr} ${minutesStr} ${secondsStr}`;
}


getTime();
setInterval(getTime, 1000);

'코딩 > Javascript' 카테고리의 다른 글

forEach, map 차이점  (0) 2023.02.14
클래스  (0) 2021.11.08
10/22  (0) 2021.10.23
10/20 공부  (0) 2021.10.20
MATH 메소드  (0) 2021.10.16