¿Cómo obtener el desplazamiento de la zona horaria del cliente en JavaScript?

El desplazamiento de la zona horaria del cliente podría detectarse utilizando el método getTimezoneOffset() del objeto Date.

El método getTimezoneOffset() devuelve la diferencia horaria entre la hora UTC y la hora local, es decir, la diferencia horaria, en minutos. Este desplazamiento se cambia dividiendo por 60 y negando el resultado.

Nota: getTimezoneOffset() no tiene en cuenta el horario de verano, por lo que este valor puede no ser constante.

Sintaxis:

offset = new Date().getTimezoneOffset()

Ejemplo:

<!DOCTYPE html>
<html>
      
<head>
    <title>
        How to get the client timezone
        offset in JavaScript?
    </title>
</head>
  
<body>
    <h1 style="color: green">
        GeeksForGeeks
    </h1>
      
    <b>
        How to get the client timezone
        offset in JavaScript?
    </b>
      
    <p>
        Click on the button to get
        the timezone offset
    </p>
      
    <p>Output: <span class="output"></span></p>
      
    <button onclick="getTimezone()">
        Get timezone
    </button>
      
    <!-- Script to get the client timezone -->
    <script type="text/javascript">
        function getTimezone() {
            offset = new Date().getTimezoneOffset();
            formatted = -(offset / 60);
            document.querySelector('.output').textContent
                    = formatted;
        }
    </script>
</body>
  
</html>                    

Producción:

  • Antes de hacer clic en el botón: antes de hacer clic
  • Después de hacer clic en el botón: después de hacer clic

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *