Cómo manejar las zonas horarias en el código JavaScript

JavaScript se ha convertido en el lenguaje de secuencias de comandos más popular y utilizado masivamente. En esta era moderna, casi todos los sitios web usan JavaScript. En nuestra vida diaria, el tiempo juega un papel vital porque si queremos agregar una actualización a la aplicación, sella la copia de seguridad con la fecha y la hora actuales. Tome un ejemplo de un sitio web de blog. Los blogs pueden usar marcas de tiempo que ayudan a indicar la fecha del comentario, la fecha de publicación, la última fecha modificada y muchos más.

Una zona horaria representa un tiempo estándar uniforme para diferentes propósitos en un país. Es bastante común que diferentes países tengan una zona horaria única, con algunos países grandes como Estados Unidos y Canadá que tienen múltiples zonas horarias.

GMT

La abreviatura de GMT es el "tiempo medio de Greenwich".GMT es una hora local y se hizo popular en enero de 1972.

UTC

UTC es generalmente un sistema de tiempo que utiliza la frecuencia de cesio atómico para sincronizar el tiempo estándar. UTC y GMT son más o menos iguales en muchos casos, pero en algunos casos, UTC da un tiempo más preciso en comparación con GMT.

Compensar

El compensación se conoce como tiempo comparativo entre la hora local y el tiempo estándar de UTC.

Ahora estamos demostrando cómo manejar las zonas horarias en JavaScript y cuáles son las diferentes formas de incluir fechas en su sitio web.

Primero, tenemos que crear una instancia de fecha () y asignar el objeto de fecha () a una variable "Current_Date_obj". Ejecute las líneas de código mencionadas a continuación para obtener la fecha actual. Este código de código le devolverá la hora y la fecha de hoy de su zona horaria en un objeto.

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

Producción

Si desea utilizar un objeto que contenga la fecha y hora actuales, debe formatearlo en consecuencia a través de varios métodos de fecha de JavaScript. Ejecute el código mencionado a continuación si desea obtener la fecha actual con un formato específico.

const date_obj = new Date ();
const current_date = date_obj.obtener la fecha();
consola.log ("fecha actual" + ":" + current_date);
const current_month = date_obj.getMonth ();
consola.log ("mes actual" + ":" + current_month);
const creTin_year = date_obj.Getfulfyear ();
consola.log ("año actual" + ":" + current_year);
consola de regreso.log (current_date + '/' + (current_month + 1) + '/' + current_year);

Producción

El formateo de una fecha de acuerdo con su zona horaria es una tarea mucho más fácil en JavaScript. Además, si desea mostrar zonas horarias distintas para varios países en una aplicación web, entonces debe hacer algunos cálculos y convertir la hora local en consecuencia. Por ejemplo, tenemos que implementar una funcionalidad que brinde una alerta después de cada 16 horas de acuerdo con una zona horaria particular. Para esto, se deben seguir los pasos mencionados a continuación.

1. En primer lugar, debe convertir la fecha en milisegundos desde el 1 de enero de 1970.
2. Entonces tienes que obtener la compensación de UTC y convertirlo en milisegundos.
3. Si agrega la compensación de la zona horaria local en la hora local, entonces obtiene la hora actual de UTC.
4. Después de adquirir la hora actual de UTC, debe obtener la compensación UTC de la ciudad de destino en horas. Convertir un valor de compensación de UTC en milisegundos y agregar al tiempo de UTC en consecuencia.
5. Por fin, debe formatear una cadena de fecha en el formato estándar legible de la fecha. Para esto, debe convertir el valor de milisegundos en una nueva cadena de fecha.

Ejecute el siguiente código para obtener una zona horaria diferente después de convertir la fecha.

Producción
Aquí está la producción de la hora local de Pakistán.

Aquí está la producción de la hora local de Singapur.

Aquí está la producción de la hora local de Londres.

Conclusión

En este artículo, explicamos cómo obtener una fecha y una hora y luego lo usamos de acuerdo con nuestro deseo de formas efectivas y eficientes que son fáciles de aprender para principiantes. También hemos elaborado cómo podemos manejar las zonas horarias en JavaScript y relacionado con eso también hemos proporcionado un ejemplo que muestra diferentes zonas horarias de diferentes países a través de JavaScript.