IT 소스/자바스크립트

현재시간 또는 특정시간에 분단위로 더하고 빼는 소스입니다.

한량이야기 2020. 2. 20. 14:31
반응형

안녕하세요.
시간에 분단위로 시간을 변경하는 간단한 함수입니다.

자바스크립트
function changeTime(){
var setTime = $("#setTime").val(); // 변경하고자 하는 분('-'로 빼기도 가능)


// 현재 시간
var dayTime = new Date();

// 특정 시간을 세팅 예) 2020년 2월 20일 오후2시 20분 25초입니다.
var time = "20200220142025";

// 특정시간은 문자열로 세팅 되기때문에 substring으로 잘라서 사용해야 합니다.
var dayTime = new Date(time.substring(0, 4), time.substring(4, 6)-1, time.substring(6, 8), time.substring(8, 10), time.substring(10, 12), time.substring(12, 14));


// setTime 으로 분을 가감합니다.
dayTime.setTime(dayTime.getTime() + (setTime * 60 * 1000));

var year = dayTime.getFullYear();
var month = dayTime.getMonth() + 1 < 10 ? "0" + (dayTime.getMonth() + 1) : dayTime.getMonth() + 1;
var day= dayTime.getDate() < 10 ? "0" + dayTime.getDate() : dayTime.getDate();
var hour = dayTime.getHours() < 10 ? "0" + dayTime.getHours() : dayTime.getHours();
var minute = dayTime.getMinutes() < 10 ? "0" + dayTime.getMinutes() : dayTime.getMinutes();
var second = dayTime.getSeconds() < 10 ? "0" + dayTime.getSeconds() : dayTime.getSeconds();


var changTime = year + "년 " + month + "월 " + day+ "일 " + hours + ":" + minutes + ":" + seconds;


$("#changTime").html(changTime);
}

HTML
<input type="text" name="setTime" id="setTime" class="w30p" value="60" onblur="changeTime();">

<span id="changTime"> </span>

소스 간단 설명
input에 30적고 마우스포인트가 input박스를 떠나면 changeTime() 스크립트가 실행 되서
20200220142025이라는 임시 시간에 30분을 더해 준다음 changTime에 2020년 02월 20일 14:50:25으로 보여줍니다.

반응형