자바스크립트에서 시간과 초를 변환하는 방법

PHPz
풀어 주다: 2023-04-06 11:26:01
원래의
2843명이 탐색했습니다.

JavaScript에서는 시간을 초로 변환해야 하는 경우가 종종 있는데, 이는 계산과 처리를 더 쉽게 만듭니다. 아래에서는 시간을 초로 변환하는 방법과 초를 시간으로 변환하는 방법에 대해 설명합니다.

1. 시간을 초로 변환

다음은 시간을 초로 변환하는 JavaScript 코드입니다.

function timeToSeconds(time) {
  var hhmmss = time.split(':');
  var hours = parseInt(hhmmss[0], 10);
  var minutes = parseInt(hhmmss[1], 10);
  var seconds = parseInt(hhmmss[2], 10);
  var totalSeconds = (hours * 60 * 60) + (minutes * 60) + seconds;
  return totalSeconds;
}
로그인 후 복사

이 함수는 "12:30:45"와 같이 시간을 나타내는 문자열 매개 변수를 허용합니다. 이 함수는 시간 문자열을 시, 분, 초로 분할하여 숫자로 변환합니다. 그런 다음 다음 공식을 사용하여 이를 총 초로 변환합니다.

총 초 = 시간 x 60 x 60 + 분 x 60 + 초

반환된 결과는 총 초 수를 나타내는 정수입니다.

2. 초를 시간으로 변환

다음은 초를 시간으로 변환하는 JavaScript 코드입니다.

function secondsToTime(seconds) {
  var hours = Math.floor(seconds / 3600);
  var minutes = Math.floor((seconds - (hours * 3600)) / 60);
  var seconds = seconds - (hours * 3600) - (minutes * 60);
  var time = hours.toString().padStart(2, '0') + ':' + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
  return time;
}
로그인 후 복사

이 함수는 초 수를 나타내는 정수 매개변수를 허용합니다. 이 함수는 다음 공식을 사용하여 초를 시, 분, 초로 변환합니다.

시간 = 초 ¼ 3600
분 = (초 - (시간 x 3600)) ¼ 60
초 = 초 - (시간 x 3600) - (분 x 60)

다음으로 함수는 이 값을 "12:30:45"와 같이 시간을 나타내는 문자열로 변환합니다. 이 문자열은 시, 분, 초를 연결하고 앞에 0을 추가하여 항상 두 자리 숫자가 되도록 합니다.

3. 예

다음은 JavaScript에서 이러한 함수를 사용하는 방법에 대한 예입니다.

var time = '03:45:12';
var seconds = timeToSeconds(time);
console.log("总秒数:" + seconds);

var totalSeconds = 12345;
var time = secondsToTime(totalSeconds);
console.log("时间:" + time);
로그인 후 복사

이 결과는 다음과 같습니다.

총 초: 13512
시간: 03:35:12

이 함수는 매우 실용적입니다. 시간은 계산 가능한 형식으로 변환할 수 있고, 초는 읽을 수 있는 형식으로 변환할 수 있습니다. 이러한 함수를 사용하면 JavaScript 애플리케이션을 작성할 때 시간을 처리하는 작업이 매우 간단해집니다.

위 내용은 자바스크립트에서 시간과 초를 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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