Javascript jQuery 24시간 시간비교 시간차이 구현하기

 

Javascript jQuery 24시간 시간비교 시간차이 구현하기

자동으로 시작시간과 종료시간의 시간차이를 넣어달라는 요청이있어서.....처리하게되었어요.

ms-sql 쿼리로는 시간만으로 시간차이를 구할 수 있었는데;;;

javascript 에서는 0:00 ~13:00 이런식의 시간만으로는시간차이를 구할 수 가 없었어요.

그래서 실제 존재하는 임의의 기준일을 설정하고, FROM이 TO 보다 큰경우에는 다음날로 설정하였습니다!!

이부분이 핵심!! 진짜 고민고민하였음!

23:30(FROM)> 1:30(TO) 이런경우에 다음날로 설정.

그리고 기준일의 날짜 형태는 2020/10/20 "/"로 구분해야 ie/chrome 둘다 작동이 됩니다!!

 

완성한 코드의 호출 방법 예시는 아래와 같습니다.

//alert(GetTimeDiff("2300", "400")); //5시간 반환
//alert(GetTimeDiff("2300", "400", "mm")); //300분 반환

아래는 구현한 샘플입니다.

0:00 0:30 2:00 2:30 23:30 24:00 0:00 0:30 2:00 2:30 23:30 24:00

시간

 

//자료형에 상관없이 값의 존재 유무 확인, true:있음, false:없음 ([], {} 도 빈값)
function isExist(val) {
	if (val == "" || val == null || val == undefined || val == "undefined" || (val != null && typeof val == "object" && !Object.keys(val).length)) {
		return false;
	} else {
		return true;
	}
}

function SetTimeToString(intTime) {
	var tmpString = "0:00";
	var tmpInt = 0;
	if (!isNaN(intTime)) {
		tmpString = String(intTime); //문자형 변환
		tmpInt = parseInt(intTime); //인트형

		//시간형태로 변환
		if (tmpInt <= 0 || tmpInt > 2400) { tmpString = "00:00:00"; } //예외처리 최대 24시간, 마이너스시간 없음
		else if (tmpInt == 30) { tmpString = "00:30:00"; }
		else if (tmpInt >= 100 && tmpInt < 1000) { tmpString = tmpString.substr(0, 1) + ":" + tmpString.substr(1, 2) + ":00"; }
		else if (tmpInt >= 1000) { tmpString = tmpString.substr(0, 2) + ":" + tmpString.substr(2, 2) + ":00"; }
	}
	return tmpString;
}

function GetTimeDiff(sTime, eTime, tType) {
	var tmpTime = "0";
	var strStartTime = ""; //문자형
	var strEndTime = ""; //문자형

	if (!isNaN(sTime) && !isNaN(eTime)) {
		//isNaN 숫자인경우 false 반환, 그외 true
		if (parseInt(sTime) == parseInt(eTime)) {
			tmpTime = "24"; //최대시간 24시간
		} else {
			strStartTime = SetTimeToString(sTime); //strStartTime을 시간 형태의 문자형으로 변환
			strEndTime = SetTimeToString(eTime); //strEndTime을 시간 형태의 문자형으로 변환

			//기준 날짜(2020/10/20)는 함수 만든날짜로 임의 설정
			strStartTime = "2020/10/20 " + strStartTime;
			if (parseInt(sTime) > parseInt(eTime)) {
				//strEndTime 을 다음날로 설정
				strEndTime = "2020/10/21 " + strEndTime;
			} else {
				//strStartTime, strEndTime 동일로 설정
				strEndTime = "2020/10/20 " + strEndTime;
			}

			var sDate = new Date(strStartTime);
			var eDate = new Date(strEndTime);
			tmpTime = (eDate.getTime() - sDate.getTime()) / (1000 * 60 * (tType == "mm" ? 1 : 60)); //mm이면 분단위 반환, 그외 시간 단위 반환
		}
	}

	return tmpTime;
}

function SetRealWorkTime() {
	var workTimeFrom = $("#sltWorkTimeFrom option:selected").val(); //시작시간
	var workTimeTo = $("#sltWorkTimeTo option:selected").val(); //종료시간
	
	if (isExist(workTimeFrom) && isExist(workTimeTo)) {
		$("#txtReal_WorkTime").val(GetTimeDiff(workTimeFrom, workTimeTo));
	} else {
		$("#txtReal_WorkTime").val("0");
	}
	//alert(GetTimeDiff("2300", "400")); //5시간 반환
	//alert(GetTimeDiff("2300", "400", "mm")); //300분 반환
}