How to get a city's current time independent of user's current time in JS?

Aimal — Mon, 22 Jun 2020 10:41:14 +0000

I have a problem in JS which I couldn't find an exact answer online (even on StackOverFlow). Basically, I have created 3 clocks to show current times of New York, Sydney and Tokyo. I use Date() function then converting it toLocaleString to get exact time of those cities but the problem is that if my system's time is incorrect then those clocks will also show incorrect time because JS is a client side language. Is there an easy way so that I get the local time of NY, Sydney and Tokyo without using Date()?

My current code is here:

var countryTimeZone = new Date(now.toLocaleString('en-US', { timeZone: 'Asia/Tokyo' }));
    var time = countryTimeZone.getHours() * 3600 +
        countryTimeZone.getMinutes() * 60 +
        countryTimeZone.getSeconds() * 1 +
        countryTimeZone.getMilliseconds() / 1000
    rotate(secondElement, time)
    rotate(minuteElement, time / 60)
    rotate(hourElement, time / 60 / 12)

Thank you so much.

DEV Community: Aimal

How to get a city's current time independent of user's current time in JS?