프론트앤드 이야기/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;
    }


    반응형