티스토리 뷰
const body = document.querySelector("body");
const timer = document.createElement("h2");
const title = document.createElement("h1");
body.prepend(timer);
body.prepend(title);
function getTime() {
const target = new Date("2020-12-24 00:00:00+0900");
const today = new Date();
const gap = target - today;
const d = Math.floor(gap / (1000 * 60 * 60 * 24)); // 일
const h = Math.floor((gap / (1000 * 60 * 60)) % 24); // 시
const m = Math.floor(((gap / 1000) * 60) % 60); // 분
const s = Math.floor((gap / 1000) % 60); // 초
if (gap <= 0) {
title.innerText = "당일입니다.";
timer.innerText = "";
} else {
title.innerText = "그날까지";
timer.innerText = `${d}일 ${h}시간 ${m}분 ${s}초 남았습니다.`;
}
}
function init() {
getTime();
setInterval(getTime, 1000);
}
init();
'Programming > Javascript' 카테고리의 다른 글
자바스크립트 in 연산자 (0) | 2020.05.05 |
---|---|
자바스크립트 현재 시간 타이머 만들기 (00:00:00, 앞에 0붙이기) (0) | 2020.04.24 |
자바스크립트 간단하게 2, 10, 16진수 변환하기 (0) | 2020.04.23 |
자바스크립트 string, number 간단하게 형변환하기 (0) | 2020.04.01 |
자바스크립트 프로토 타입으로 클래스 구현하기 (0) | 2020.03.22 |
댓글