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 |