> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 날짜 객체의 일반적인 방법 및 적용

JavaScript 날짜 객체의 일반적인 방법 및 적용

黄舟
풀어 주다: 2017-02-28 14:44:57
원래의
1556명이 탐색했습니다.

제목이 너무 거창한 느낌이 듭니다

사실 날짜 객체는 많이 사용되지 않고 활용도가 많지 않은 것 같습니다
근데 기본적인 사용법을 좀 이해해야겠습니다

날짜 객체

날짜 날짜 객체는 기본 js 생성자입니다
배열이나 객체와 달리 해당 상수 형식이 없습니다
날짜 객체 생성은 매우 간단합니다

var date = new Date();
로그인 후 복사

Date()는 매개변수(문자열)를 받을 수 있으며, 이렇게 날짜와 시간을 지정할 수 있습니다

console.log(new Date("2016/1/1"));
로그인 후 복사

매개변수가 없으면 현재 날짜와 시간이 사용됩니다

Date()는 주로 다음과 같은 용도로 사용됩니다. 현재 타임스탬프 가져오기(1970년 1월 1일 이후의 밀리초 수)
이 값은 날짜 객체의 getTime 메서드를 통해 얻을 수 있습니다

날짜 객체를 얻는 데 일반적으로 사용되는 방법을 살펴보겠습니다

  • getFullYear() 연도 가져오기

  • getMonth() 월 가져오기

  • getDate() 일수 가져오기

  • getDay() 요일 가져오기

  • getHours() 시간 가져오기

  • getMinutes() 분 가져오기

  • getSeconds()가 초 가져오기

  • getTime() 타임스탬프 가져오기

날짜 객체를 설정하고 싶으면 그냥 이전 Get을 set으로 바꿔서 넣어야 하는데 굳이 그럴 필요는 없는 것 같아요.
한 가지 주의할 점은 사용하지 않는 것입니다. getYear(), 1900년과의 연도 차이를 반환하는데 아무도 사용하지 않기 때문입니다
getMonth() 메서드도 있습니다. 반환된 월은 0부터 시작합니다. 즉, 1월부터 12월까지를 나타내는 0~11입니다
getDay()의 범위는 0~6, 0은 일요일을 나타냅니다
현재 날짜 정보를 출력하는 함수를 캡슐화하는 연습을 해보겠습니다
표를 보면 오늘은 2016년 11월 6일 18시 45분입니다

function getCurrentDate(){    var date = new Date();
    console.log('年份:' + date.getFullYear(),                
    '月份:' + (date.getMonth() + 1),                
    '天数:' + date.getDate(),                
    '小时:' + date.getHours(),                
    '分钟:' + date.getMinutes(),                
    '秒数:' + date.getSeconds());
}
getCurrentDate();
로그인 후 복사

콘솔 인쇄:

new를 사용하지 않는 경우 Date()를 직접 호출하고 날짜 정보 문자열을 반환합니다.

Date 또 다른 정적이 있습니다. 언급할 메서드는 getTime()과 매우 유사한 구문 분석()입니다.
w3c에서 제공한 정의: 1970년 1월 1일을 반환합니다. 자정부터 지정된 날짜까지의 밀리초 수(문자열)
이렇게 사용됩니다

신청

실제로 날짜 객체에 대한 신청은 많지 않습니다
현재 날짜를 구하고, 성능 테스트를 하는 것 외에는 아무것도 없습니다
현재 날짜, 날짜 객체를 직접 인스턴스화한 다음 메서드를 호출하세요

성능 테스트는 타임스탬프/시간 제한을 사용하는 것입니다

function loop(){
    for(var i = 0; i < 1000; i++){
        console.log(1);
    }
}var timeStart = new Date().getTime();
loop();var timeEnd = new Date().getTime();
console.log(&#39;程序运行时间:&#39; + (timeEnd - timeStart));
로그인 후 복사

이 코드는 내 테스트 루프 함수입니다. run

또는 단일 스레드 JavaScript의 기본 원리에서 사용한 방법을 사용할 수 있습니다

function loop(){
    for(var i = 0; i < 1000; i++){
        console.log(1);
    }
}var timeStart = +new Date();
loop();var timeEnd = +new Date();
console.log(&#39;程序运行时间:&#39; + (timeEnd - timeStart));
로그인 후 복사

효과는 동일하지만 강제 유형 변환을 사용하는 것은 권장하지 않습니다. 날짜 유형의 경우
더하기 기호는 인스턴스화된 날짜 객체를 숫자로 암시적으로 변환하는 것과 같습니다.
즉, Date 객체에 의해 재정의된 valueOf()가 호출됩니다.

새 날짜 객체 이제 ES5의 정적 메서드()가 더 편리해졌습니다.

function loop(){
    for(var i = 0; i < 1000; i++){
        console.log(1);
    }
}var timeStart = Date.now();
loop();var timeEnd = Date.now();
console.log(&#39;程序运行时间:&#39; + (timeEnd - timeStart));
로그인 후 복사

이전 브라우저에 대한 폴리필(보조 코드/패딩 코드)을 작성할 수도 있습니다.

if(!Date.now){    Date.now = function(){
        return new Date().getTime();
    }
}
로그인 후 복사

위 내용은 JavaScript 날짜 객체 일반적으로 사용되는 방법과 응용 프로그램에 대한 자세한 내용은 PHP 중국어 웹사이트(www.php.cn)를 참조하세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿