Javascript adding Timezone in my current script

Question

i have this code on my script to show ticking clock

<script type="text/javascript">
    function showTime() {
        var date = new Date(),
            time = new Date(Date.UTC(
                date.getFullYear(),
                date.getMonth(),
                date.getDate(),
                date.getHours(),
                date.getMinutes(),
                date.getSeconds()
            ));

        document.getElementById('time').innerHTML = time.toLocaleTimeString();
    }

    setInterval(showTime, 1000);

</script>

Anyone know how to change the timezone to a specific timezone like "Asia/Jakarta" Thanks before!

Does this answer your question? [Convert date to another timezone in JavaScript](https://stackoverflow.com/questions/10087819/convert-date-to-another-timezone-in-javascript) — F.NiX, Feb 18 '22 at 12:29

Mister Jojo · Accepted Answer · 2022-02-18T13:36:45.523

for info : list of TZ (Time Zone)

you can change undefined to 'en-US' => get a country-specific presentation
(en-US is AM/PM, fr-FR -> 24h format, undefined -> local browser format)

see also : Javascript HTML Multiple Timezone Clock

const
  timeLocal   = document.querySelector('#time-Local span')
, timeLA      = document.querySelector('#time-US-LA span')
, timeJakarta = document.querySelector('#time-Jakarta span')
;

let currentDate = new Date();

timeLocal.textContent   = currentDate.toLocaleTimeString()
timeLA.textContent      = currentDate.toLocaleTimeString(undefined, {timeZone:'America/Los_Angeles'} )
timeJakarta.textContent = currentDate.toLocaleTimeString(undefined, {timeZone:'Asia/Jakarta'} )

p      { width: 16em; }
p span { float: right;}

<p id="time-Local"> local time: <span></span> </p>
<p id="time-US-LA"> Los_Angeles time: <span></span> </p>
<p id="time-Jakarta"> Jakarta time: <span></span> </p>

Thanks sir, finally i found the simple way! – Mansjoer Feb 18 '22 at 12:46 — Mansjoer, Feb 18 '22 at 12:46

score 0 · Answer 2 · answered Feb 18 '22 at 12:28

0

try something like this. usaTime = date.toLocaleString("en-US", {timeZone: "America/New_York"});

answered Feb 18 '22 at 12:28

Janardhan Naidu

11
4

what part should i change? – Mansjoer Feb 18 '22 at 12:31
instead of document.getElementById('time').innerHTML = time.toLocaleTimeString(); use below:: asiaTime = date.toLocaleString("en-US", {timeZone: "Asia/Jakarta"}); document.getElementById('asiaTime').innerHTML = asiaTime.toLocaleTimeString(); – Janardhan Naidu Feb 18 '22 at 12:38
Thanks Naidu!, I appreciate your answer! – Mansjoer Feb 18 '22 at 12:47
correction, you should use en-IN for india timings if you are looking for. – Janardhan Naidu Feb 18 '22 at 12:47

Javascript adding Timezone in my current script

2 Answers2