Como lidar com fusos horários no código JavaScript

JavaScript se tornou a linguagem de script mais popular e massivamente usada. Nesta era moderna, quase todo site usa JavaScript. Em nossa vida diária, o tempo desempenha um papel vital, porque se quisermos adicionar uma atualização ao aplicativo, ele carimca o backup com a data e a hora atuais. Dê um exemplo de site de blog. Os blogs podem usar timestamps que ajudam a indicar a data do comentário, a data de publicação, a última data modificada e muito mais.

Um fuso horário representa tempo padrão uniforme para diferentes propósitos em um país. É bastante comum que diferentes países tenham um fuso horário único, com alguns países grandes como os EUA e o Canadá com vários fusos horários.

GMT

A abreviação do GMT é "Greenwich Mean Time".A GMT é uma hora local e tornou -se popular em janeiro de 1972.

UTC

UTC geralmente é um sistema de tempo que usa a frequência do césio atômico para sincronizar o tempo padrão. UTC e GMT são mais ou menos os mesmos em muitos casos, mas em alguns casos, o UTC oferece um tempo mais preciso em comparação com o GMT.

Desvio

O deslocamento é conhecido como o tempo comparativo entre a hora local e o tempo padrão do UTC.

Agora estamos demonstrando como lidar com fusos horários em JavaScript e quais são as diferentes maneiras de incluir datas em seu site.

Primeiro, temos que criar uma instância de data () e atribuir o objeto de data () a uma variável "current_date_obj". Execute as linhas de código abaixo mencionadas para obter a data atual. Este código de código retornará a hora e data de seu fuso horário em um objeto.

const current_date_obj = new Date ();
console.log (current_date_obj);

Saída

Se você deseja usar um objeto que contenha a data e hora atual, você deve formatá -lo de acordo com vários métodos de data de JavaScript. Execute o código abaixo mencionado se quiser obter a data atual com um formato específico.

const date_obj = new Date ();
const current_date = date_obj.getDate ();
console.log ("data atual" + ":" + current_date);
const current_month = date_obj.getMonth ();
console.log ("mês atual" + ":" + current_month);
const current_year = date_obj.obtlyear ();
console.log ("ano atual" + ":" + current_year);
console de retorno.log (current_date + '/' + (current_month + 1) + '/' + current_year);

Saída

Formatar uma data de acordo com o seu fuso horário é uma tarefa muito mais fácil em JavaScript. Além disso, se você deseja exibir fusos horários distintos para vários países em um aplicativo da web, precisa fazer alguns cálculos e converter o tempo local de acordo. Por exemplo, temos que implementar a funcionalidade que atribua um alerta a cada 16 horas, de acordo com um fuso horário específico. Para isso, as etapas abaixo mencionadas devem ser seguidas.

1. Primeiro de tudo, você precisa converter a data em milissegundos desde 1º de janeiro de 1970.
2. Então você tem que compensar o UTC e convertê -lo em milissegundos.
3. Se você adicionar o deslocamento do fuso horário local à hora local, você obterá o tempo atual do UTC.
4. Depois de adquirir a hora atual da UTC, você precisa obter o deslocamento da UTC da cidade de destino em horas. Converta um valor de compensação UTC em milissegundos e adicione ao tempo UTC de acordo.
5. Por fim, você precisa formatar uma string de data para o formato padrão legível de data. Para isso, você deve converter o valor de milissegundos em uma nova série de data.

Execute o código a seguir para obter um fuso horário diferente após a conversão da data.

Saída
Aqui está a saída da hora local do Paquistão.

Aqui está a saída da hora local de Cingapura.

Aqui está a saída da hora local de Londres.

Conclusão

Neste artigo, explicamos como obter uma data e hora e depois usá -lo de acordo com nosso desejo de maneiras eficazes e eficientes que são fáceis de aprender para iniciantes. Também elaboramos como podemos lidar com fusos horários em JavaScript e relacionados a isso também fornecemos um exemplo que mostra diferentes fusos horários de diferentes países através do JavaScript.