안녕하세요.
시간에 분단위로 시간을 변경하는 간단한 함수입니다.
자바스크립트
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으로 보여줍니다.
'IT 소스 > 자바스크립트' 카테고리의 다른 글
[자바스크립트] 데이터 형식(data type) (0) | 2022.03.21 |
---|---|
[자바스크립트] 반복문 (loop) (0) | 2022.03.15 |
[자바스크립트] 조건문(conditional) (0) | 2022.03.14 |
[자바스크립트] 이벤트(event) (0) | 2022.03.10 |
숫자에 콤마 찍기 (0) | 2017.04.06 |