반응형
//원하는 시간 값 셋팅
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;
}
반응형
'프론트앤드 이야기 > JavaScript & JQuery' 카테고리의 다른 글
[Javascript] timer 만들기 (0) | 2020.11.03 |
---|---|
[Jquery] 글자 바이트 체크 하기 (0) | 2020.11.03 |
[JavaScript] search(), test(), match() 메서드를 이용한 영문, 한글, 숫자 검사하기 (0) | 2019.10.29 |
[Javascript] 날짜 빼기 (0) | 2019.03.08 |
[Jquery] 체크박스 선택된 값 배열넣기 (0) | 2019.01.29 |
댓글