프론트앤드 이야기/JavaScript & JQuery

[Javascript] 날짜 계산, 현재 날짜 ~ 지정날짜 까지 남은시간 계산

한희성 2020. 9. 1.
반응형
//원하는 시간 값 셋팅
var user_year = 2020;
var user_month = 9;
var user_day = 3;
var user_hour = 23;
var user_minute = 40;
var user_second = 0;

//1월이 0부터 시작하기 때문에 개발을 모르는 사람도 셋팅이 가능하도록 안보이게 처리
setMonth();

var endTime = new Date(user_year,user_month,user_day,user_hour,user_minute,user_second);

function setClock() {
var now = new Date();
var totalTime = endTime ;

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;

var distance = totalTime - now;
if(distance < 0){
//적절한 종료 로직
return false;
}

var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);

var day = days.toString();
var hour = hours.toString();
var minutes = minutes.toString();
var second = seconds.toString();

var result = day + " days " + hour + " hours, " + minutes + " minutes " + second + " seconds";
setTimeout(setClock, 1000);
console.log(result);
}
setClock();

function setMonth(){
user_month = user_month -1;
}


반응형

댓글

💲 추천 글