찾다
웹 프론트엔드JS 튜토리얼현지 시간을 다른 시간대로 변환하는 JavaScript 스크립트_시간 및 날짜

하지만 다른 지역의 시간을 표시하려면 어떻게 해야 할까요? 예를 들어 본사가 다른 국가에 있고 현지 시간 대신 "홈" 시간을 보려는 경우는 어떻게 될까요?
이를 위해서는 현지 시간을 목적지 시간으로 변환하기 위해 다양한 시간 계산을 수행해야 합니다. 이 문서에서는 이러한 계산을 수행하는 방법을 설명합니다.
1단계:
첫 번째 단계는 현지 시간을 확인하는 것입니다. JavaScript에서는 Data() 개체를 초기화하여 이 작업을 쉽게 수행할 수 있습니다.
// 현재 위치에 대한 Date 객체 생성
d = new Date();
Data() 객체의 getTime() 메서드를 호출하면 1970년 1월 1일부터 현재까지의 시간을 표시할 수 있습니다. 사이의 밀리초 수입니다.
// 1970년 1월 1일 이후의 msec로 변환
localTime = d.getTime();
2단계:
다음 단계에서는 Data( ) 개체 시간 오프셋 값입니다. 기본적으로 이 방법은 시간대 오프셋 값 결과를 분 단위로 표시하므로 이 값은 이전 계산에서 밀리초로 변환됩니다.
// 현지 UTC 오프셋을 가져와서 msec로 변환합니다.
localOffset = d.getTimezoneOffset() * 60000
getTimezoneOffset() 메서드의 음수 반환 값은 현지 시간이 Universal Standard 이전임을 나타냅니다. Time (UTC) , 양수 반환 값은 현지 시간이 협정 세계시(UTC)보다 뒤처져 있음을 나타냅니다.
참고: 60,000의 곱셈 인자를 어떻게 얻었는지 궁금하신 경우 1,000밀리초는 1초와 같고 1분은 60초와 같다는 점을 기억하세요. 따라서 분을 밀리초로 변환하려면 60에 1000을 곱하면 60000이 됩니다.
3단계
현지 시간과 현지 시간대 오프셋을 추가하여 현재 국제 표준시(UTC)를 가져옵니다.
// UTC 시간을 밀리초 단위로 가져옵니다.
utc = localTime localOffset
여기서 변수 utc에는 현재 국제 표준시(UTC)가 포함됩니다. 그러나 이 시간은 1970년 1월 1일부터 현재까지의 밀리초(millisecond) 수로 표현된다. 아직 해야 할 계산이 남아 있으므로 지금은 이렇게 표현하겠습니다.
4단계
국제 표준시(UTC)를 획득한 후 대상 도시의 국제 표준시(UTC)의 시간별 오프셋 값을 획득하여 밀리초로 변환하고 국제 표준시(UTC)를 추가합니다. . 참고: 3,600,000의 곱셈 인자를 어떻게 얻었는지 궁금하신 경우 1000밀리초는 1초와 같고 1시간은 3600초와 같다는 점을 기억하세요. 따라서 시간을 밀리초로 변환하려면 3600에 1000을 곱하면 3600000이 됩니다.
이때 변수 Bombay에는 인도 뭄바이의 현지 시간이 포함되어 있습니다. 이 현지 시간은 1970년 1월 1일부터 현재까지의 밀리초 단위로 표시됩니다. 분명히 이것은 말이 되지 않으므로 몇 가지 계산을 해야 합니다.
5단계
새 Data() 개체를 초기화하고 이 개체의 toLocalString() 메서드를 호출하여 이전 단계에서 계산된 시간 값을 누구나 이해할 수 있는 날짜/시간 문자열로 변환합니다.
// msec 값을 날짜 문자열로 변환
nd = new Date(bombay)
document.writeln("봄베이 시간은 " nd.toLocaleString() "
")
This 방법 변환이 완료되었습니다!
요약
위 단계를 이해한 후 모든 계산을 수행하고 시간 값을 반환하는 간단한 사용자 정의 함수 calcTime()을 생성하는 이 스크립트(목록 A)를 다시 살펴보겠습니다.
목록 A










여기서 calcTime() 함수는 도시 이름과 UTC(Universal Coordinated Time) 오프셋을 시간 단위로 받아들입니다. 그런 다음 위에서 설명한 모든 계산을 내부적으로 수행하고 이 도시의 현지 시간이 포함된 문자열을 반환합니다. 다음은 목록 A의 출력 샘플입니다.
뭄바이 현지 시간은 2005년 8월 1일 월요일 오후 4시 43분 51초싱가포르 현지 시간은 2005년 8월 1일 월요일 오후 7시 13분 51초
런던 현지 시간 8월 1일 월요일 2005년 1월 1일 오후 12:13:51
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.