[ javascript ] date 객체 초 분 시간 날짜 추가하기(더하기) > html

본문 바로가기
사이트 내 전체검색

html

[ javascript ] date 객체 초 분 시간 날짜 추가하기(더하기)

페이지 정보

작성자 웹지기 댓글 0건 조회 424회 작성일 20-05-26 13:39

본문

 

<script> 

/**

 * Adds time to a date. Modelled after MySQL DATE_ADD function.

 * Example: dateAdd(new Date(), 'minutes', 30)  //returns 30 minutes from now.

 * 

 * @param date  Date to start with

 * @param interval  One of: year, quarter, month, week, day, hour, minute, second

 * @param units  Number of units of the given interval to add.

 */

function dateAdd(date, interval, units) {

  var ret = new Date(date); //don't change original date

  var checkRollover = function() { if(ret.getDate() != date.getDate()) ret.setDate(0);};

  switch(interval.toLowerCase()) {

    case 'year'   :  ret.setFullYear(ret.getFullYear() + units); checkRollover();  break;

    case 'quarter':  ret.setMonth(ret.getMonth() + 3*units); checkRollover();  break;

    case 'month'  :  ret.setMonth(ret.getMonth() + units); checkRollover();  break;

    case 'week'   :  ret.setDate(ret.getDate() + 7*units);  break;

    case 'day'    :  ret.setDate(ret.getDate() + units);  break;

    case 'hour'   :  ret.setTime(ret.getTime() + units*3600000);  break;

    case 'minute' :  ret.setTime(ret.getTime() + units*60000);  break;

    case 'second' :  ret.setTime(ret.getTime() + units*1000);  break;

    default       :  ret = undefined;  break;

  }

  return ret;

}


d = new Date('2016-02-29 12:00:00');

out('start:      ' + d);

out('+1 year:    ' + dateAdd(d, 'YEAR', 1));

out('+1 quarter: ' + dateAdd(d, 'QUARTER', 1));

out('+1 month:   ' + dateAdd(d, 'MONTH', 1));

out('+1 week:    ' + dateAdd(d, 'week', 1));

out('+1 day:     ' + dateAdd(d, 'day', 1));

out('+1 hour:    ' + dateAdd(d, 'hour', 1));

out('+1 minute:  ' + dateAdd(d, 'minute', 1));

out('+1 second:  ' + dateAdd(d, 'second', 1));

out('+1 garbage: ' + dateAdd(d, 'garbage', 1));


function out(s) {

  document.getElementById('output').innerHTML += s + '<br/>';

}

</script> 

html  부분

<div id="output"></div>

 

이 함수를 이용하여 원하는 값을 불러올 수가 있었다.

가져오는건 잘되고, 이제 계산된 값을 다시 최초에 넣었던 

2016-02-29 12:00:00

이러한 형태로 불러올때는 다음과 같은 사항이 필요하다

ret.getFullYear()

ret.getMonth()+1 //달은 배열형식처럼 0부터 시작하므로 +1을 해주어야 숫자로 정상표기된다.

ret.getDate()

ret.getHours()

ret.getMinutes()

ret.getSeconds()

 

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 69건 1 페이지
  • 68 [ javascript ] 논리 연산자 활용 (삼항연산자의 역할)
  • var day = day_time || day_day || 31; 위의 내용을 풀이하면 day 변수에 값을 넣을 때 day_time 값이 존재하면 day_time 값을 day에 대입한다. day_time값이 없고 day_day에 값이 존재하면 day_day 값을 day에 대입한다. day_time 값이 없고 day_day 값도 없다면 31이라는 값을 day에 대입한다. 이는 삼항 연산자 처럼 사용할 수 있어서 편리하다. functio num(a) { b = a || 29; } 이...
  • 웹지기 11-19 52 0 0 댓글 0
  • 67 [ javascript ] 동일 연산자와 일치 연산자
  • 동일 연산자 ( == ) 값을 비교해 보자면 null == undefined // -&gt; true 1 == "1" // -&gt; true true == 1 // -&gt; true "0xff" == 255 // -&gt; true (new String("a")) == "a" // -&gt; true (new Number(2)) == 2 // -&gt; tr...
  • 웹지기 11-19 41 0 0 댓글 0
  • 66 [ javascript ] 변수 명명 규칙, 표기법
  • 캐멀 표기법(로어 캐멀 표기법) newName createLifeGame 파스칼 표기법(어퍼 캐멀 표기법) NewName CreateLifeGame 밑줄 표기법(스네이크 표기법) new_name create_life_game 변수 이름을 지을 때 일반적으로 사용하는 표기법 - 캐멀 표기법, 밑줄표기법으로 변수의 의미를 파악할 수 있게 명명 - 기본적으로 영어로 사용 - 루프 카운터 변수는 i, j, k 등을 사용 -...
  • 웹지기 06-04 423 0 0 댓글 0
  • 열람중 [ javascript ] date 객체 초 분 시간 날짜 추가하기(더하기)
  • &lt;script&gt; /** * Adds time to a date. Modelled after MySQL DATE_ADD function. * Example: dateAdd(new Date(), 'minutes', 30) //returns 30 minutes from now. * * @param date Date to start with * @param interval One of: year, quarter, mont...
  • 웹지기 05-26 425 0 0 댓글 0
  • 64 [ javascript ] The Console Object 콘솔 객체 console.log console.…
  • console 객체는 브라우저의 디버깅 콘솔에 접근할 수 있는 메서드를 제공한다. 동작 방식은 브라우저마다 다르지만, 사실상 표준으로 여겨지는 기능도 여러있다. console 객체는 아무 전역 객체에서나 접근가능하다. console.assert() 첫 번째 매개변수가false인 경우 메시지와스택 추적을 출력합니다. console.clear() 콘솔의 내용을...
  • 웹지기 04-11 588 0 0 댓글 0
  • 62 [ html ] 특수문자 코드표
  • 표현문자 숫자표현 문자표현 설명 - &amp;#00; - &amp;#08; - 사용하지 않음 space &amp;#09; - 수평탭 ...
  • 웹지기 07-31 1478 0 0 댓글 0
  • 60 [ jquery ] 소숫점 콤마 동시사용 플러그인
  • jQuery Number Plugin By Sam Sehnert, Custom D 2015 This is a jQuery plugin which allows developers to easily format numbers for display use. Allows users to replace numbers inline in a document, or return a formatted number for other uses. Requires jQuery 1.6 or greater. ...
  • 웹지기 09-07 3290 0 0 댓글 0
  • 59 제목이나 내용이 거꾸러 보이게 하기 위한 태그(?) 인가(?)
  • 아파치님이 그누보드에 올려놓은걸 메모하려고 적습니다. [code] &amp;#8238; 제목이나 내용부분에 이렇게 하고 적으면 글이 거꾸로 보인다고 하네요. ㅎㅎㅎ 보여주기위해 코드에 적습니다. [/code] 제 게시판에는 적용이 안되는군요 ㅋㅋㅋ
  • 웹지기 11-27 1300 0 0 댓글 0
  • 56 [ css ] keyframe - css 애니메이션 기능 적용해보기
  • keyframe - css 애니메이션 기능 적용해보기 html &lt;p&gt;동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리나라 만세&lt;/p&gt; css p { animation-duration: 3s; animation-name: slidein; } @keyframes slidein { from { margin-left: 100%; width: 300% } to { margin-lef...
  • 웹지기 11-23 1803 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
208
어제
3,398
최대
24,117
전체
1,147,876

그누보드5
Copyright © funyphp.com. All rights reserved.