반응형
//디데이 종료 일자 설정
var firstDay = new Date("March 5, 2018 00:00:00").getTime();
//1초마다 갱신되도록 함수 생성,실행
var x = setInterval(function() {
// 오늘 날짜 등록
var now = new Date().getTime();
// 종료일자에서 현재일자를 뺀 시간
var distance = now - firstDay;
// 각 변수에 일, 시, 분, 초를 등록
var d = Math.floor(distance / (1000 * 60 * 60 * 24)) + 1;
var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var s = Math.floor((distance % (1000 * 60)) / 1000);
//id가 d-day인 HTML코드에 내용 삽입
document.getElementById("d-day").innerHTML = d +"days " + h + ":" + m + ":" + s;
});
위의 코드는 특정 날짜 (여기서는 2018년 3월 5일)로부터 몇일이 지났는지 만들어 주는 코드이고
//디데이 종료 일자 설정
var nextDay = new Date("March 5, 2019 00:00:00").getTime();
//1초마다 갱신되도록 함수 생성,실행
var x = setInterval(function() {
// 오늘 날짜 등록
var now = new Date().getTime();
// 종료일자에서 현재일자를 뺀 시간
var distance = firstDay - now;
// 각 변수에 일, 시, 분, 초를 등록
var d = Math.floor(distance / (1000 * 60 * 60 * 24)) + 1;
var h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var s = Math.floor((distance % (1000 * 60)) / 1000);
//id가 d-day인 HTML코드에 내용 삽입
document.getElementById("d-day").innerHTML = d +"days " + h + ":" + m + ":" + s;
});
위의 코드는 d-day 즉, 특정 날짜까지 몇일이 남았는지 만들어 주는 코드이다.
반응형
'Basic > JavaScript' 카테고리의 다른 글
티스토리 메인화면 꾸미기 (Vanta js) (0) | 2019.11.18 |
---|---|
자바스크립트 사이트 리다이렉트 (2) | 2019.06.15 |
특정 게시물에 구글 애드센스 없애기 (2) | 2018.09.03 |
null, undefined, false 그리고 ==와 === 차이 (0) | 2018.08.14 |
자바스크립트 JSON파일 AJAX로 읽기 (0) | 2018.05.23 |