JavaScript에서 경과 시간 찾기

때때로 JavaScript에서 일부 작업을 수행하는 데 소요된 총 시간을 찾아야 할 때가 있습니다. 예를 들어, 사용자가 자신의 프로필을 업데이트하는 데 소요된 총 시간을 찾아야 합니다.

또한 특정 시간과 현재 시간의 차이를 찾아서 총 경과 시간을 구해야 하는 다른 유사한 사용 사례가 있을 수 있습니다. 여기에서는 JavaScript에서 경과 시간을 구하는 다양한 방법을 알아봅니다.

JavaScript의 Date() 객체를 사용하여 경과 시간 찾기

JavaScript에서는 Date() 객체 생성자를 사용하여 현재 시간을 가져올 수 있습니다. 1970년 1월 1일 이후의 총 밀리초 수를 반환합니다.

여기서 두 날짜 사이의 총 밀리초 차이를 계산하여 두 날짜 사이의 경과 시간을 얻을 수 있습니다.

문법

사용자는 다음 구문에 따라 Date() 객체 생성자를 사용하여 JavaScript에서 경과 시간을 찾을 수 있습니다.

위 구문에서는 먼저 시작 시간을 가져옵니다. 그 후 우리는 종료 시간을 가졌습니다. 경과 시간을 얻기 위해 시작 시간과 종료 시간 차이를 사용합니다.

예 1

아래 예에서는 현재 시간을 startTime 변수에 저장합니다. 그런 다음 loopThrough() 함수를 호출합니다. 이 함수는 루프를 6,00,000번 실행합니다.

함수 실행이 완료된 후 현재 시간을 endTime 변수에 저장합니다. 그런 다음 endTime과 startTime의 차이를 계산하여 함수를 실행하는 데 소요된 총 시간을 얻습니다.

예 2

아래 예는 특정 날짜와 현재 시간 사이의 시차를 보여줍니다. 그런 다음 formatDate() 함수를 호출하여 날짜를 일, 시, 분, 초 형식으로 지정합니다.

formatDate() 함수에서는 총 일수, 시, 분, 초와 함께 시차를 매개변수로 얻습니다. 출력에서 사용자는 2019년 12월 31일 이후 경과된 총 시간을 확인할 수 있습니다.

Console.time() 함수를 사용하세요

console.Time() 메서드는 레이블을 매개변수로 사용합니다. 특정 레이블을 사용하여 console.time() 메서드를 호출할 때마다 시간 계산이 시작됩니다.

console.timeEnd() 메서드는 console.time() 메서드 매개 변수로 전달한 것과 동일한 레이블을 사용하고 console.time() 메서드가 호출된 이후 경과된 시간을 인쇄합니다.

문법

사용자는 아래 구문에 따라 console.time() 함수를 사용하여 JavaScript에서 사용된 총 시간을 확인할 수 있습니다.

위 구문에서 console.time() 및 console.timeEnd() 메서드는 동일한 레이블을 사용합니다.

예 3

아래 예제에서는 먼저 "실행 시간" 태그를 매개변수로 전달하면서 console.time() 메서드를 실행합니다. 그 후 루프를 1,00,000번 호출합니다. 다음으로 동일한 레이블을 사용하여 console.timeEnd() 메서드를 호출하여 콘솔에 총 경과 시간을 인쇄합니다.

Performance.now() 메소드 사용

사용자는 Performance.now() 메서드를 사용하여 JavaScript 코드를 실행하는 데 소요된 총 시간을 얻을 수 있습니다. 경과 시간을 밀리초 단위로 반환합니다.

문법

사용자는 아래 구문에 따라 Performance.now() 메서드를 사용하여 JavaScript에서 경과 시간을 확인할 수 있습니다.

위 구문에서 시작 시간과 종료 시간의 차이를 계산했습니다.

예 4

아래 예에서는 JavaScript 코드가 실행되기 시작할 때 Performance.now() 메서드를 사용합니다. 그런 다음 setTime() 메서드를 사용하여 시간을 1000밀리초로 설정했습니다.

시간이 초과되면 Performance.now() 메서드를 다시 호출하는 콜백 함수를 실행하고 startTime과 endTime의 차이를 가져와 총 실행 시간을 찾습니다.

결론

사용자는 JavaScript에서 경과 시간을 찾는 세 가지 방법을 배웠습니다. 첫 번째 방법은 Date() 객체를 사용하는 것입니다. 두 번째 방법은 항상 콘솔에 시간을 인쇄하는 console.time() 및 console.timeEnd() 메서드를 사용하는 것입니다. 세 번째 방법은 Performance.now() 메서드를 사용하는 것입니다.

위 내용은 JavaScript에서 경과 시간 찾기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!