How to set timezone offset using JavaScript ? - GeeksforGeeks

30 Jul, 2021
Timezone offset is the time difference in hours or minutes between the Coordinated Universal Time (UTC) and a given time zone.
The JavaScript getTimezoneOffset() method is used to find the timezone offset. It returns the timezone difference in minutes, between the UTC and the current local time. If the returned value is positive, local timezone is behind the UTC and if it is negative, the local timezone if ahead of UTC. The returned value is not constant if the host system is configured for daylight saving.
Syntax:
 date.getTimezoneOffset()

Here, date is a JavaScript date object.
Code Snippet: In the below code snippet, date.getTimezoneOffset() method will return the timezone difference in minutes, between the UTC and the local time. This will be stored in offset variable.
Javascript
var date = new Date();var offset = date.getTimezoneOffset();
Example: On clicking the “submit” button, showOffset() method is called which stores the value of timezone offset in offset variable. Then result text is inserted in the empty p tag.
HTML
<!DOCTYPE html><html>  <body>    <h2>Timezone offset</h2>      <p>        Click on submit button to         display timezone offset         in minutes    </p><br>          <!--Call showOffset() on clicking         the submit button-->    <input type="button" value="submit"             onclick="showOffset()">    <br><br>    <p id="time"></p>      <script>        function showOffset() {              // Date object            var date = new Date();                          // Offset variable will store             // timezone offset between             // UTC and your local time               var offset = date.getTimezoneOffset();              document.getElementById("time")                .innerHTML = "Timezone offset: "                 + offset + " minutes";        }      </script></body>  </html>
Output:
Before Clicking the button:
After Clicking the button:
Note: The method returns your local timezone offset in minutes and not the timezone offset of the “date” object.
// Output will be your local timezone offset 
// It does not depend on date object.

var date = new Date('August 21, 2000 18:02:25 GMT+05:00');
console.log(date.getTimezoneOffset());

JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn CSS from the ground up by following this CSS Tutorial and CSS Examples.
CSS-Misc
HTML-Misc
JavaScript-Misc
CSS
HTML
JavaScript
Web Technologies
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
How to create footer to stay at the bottom of a Web page?
Types of CSS (Cascading Style Sheet)
Create a Responsive Navbar using ReactJS
Design a web page using HTML and CSS
How to position a div at the bottom of its container using CSS?
How to set the default value for an HTML <select> element ?
Hide or show elements in HTML using display property
Types of CSS (Cascading Style Sheet)
How to Insert Form Data into Database using PHP ?
REST API (Introduction)