如何使用 JavaScript 显示您的时间和我们的时钟？

Question

在我的网站上，我想将我的当地时间显示为Our Time，将访客时间显示为Your time。现在，我有这个 JS 代码：

<script>

    function showTime(){

    var date = new Date();

    var h = date.getHours(); // 0 - 23

    var m = date.getMinutes(); // 0 - 59

    var s = date.getSeconds(); // 0 - 59

    var session = "AM";

    if(h == 0){

        h = 12;

    }

    if(h > 12){

        h = h - 12;

        session = "PM";

    }

    h = (h < 10) ? "0" + h : h;

    m = (m < 10) ? "0" + m : m;

    s = (s < 10) ? "0" + s : s;

    var time = h + ":" + m + ":" + s + " " + session;

    document.getElementById("our_time").innerText = time;

    document.getElementById("our_time").textContent = time;

    setTimeout(showTime, 1000);

}

showTime();

</script>

它显示我的当地时间。

现在，我将使用相同的代码来显示访客时间还是需要更改什么？

Answer 1

您需要知道您的时区（可以在此处找到时区列表），然后像这样使用它date.toLocaleTimeString()：const locale = 'en-US';const our_timeZone = 'America/Los_Angeles';// refresh time every secondsetInterval(() => {&nbsp; document.getElementById('our_time').innerHTML = new Date().toLocaleTimeString(locale, { timeStyle: 'long', timeZone: our_timeZone });&nbsp; document.getElementById('your_time').innerHTML = new Date().toLocaleTimeString(locale, { timeStyle: 'long' });}, 1);<p>Our time</p><span id="our_time"></span><p>Your time</p><span id="your_time"></span>

Answer 2

也许你的方法是错误的。a）我们的时间（网站时间）：这应该来自服务器（并且可能与它定期同步）b）您的时间（用户的本地时间）： new Date() 将执行此部分，因为它在客户端（浏览器）上运行。这是来自“ http://worldtimeapi.org/api/timezone/America/Argentina/Salta ”的示例 json 数据哦！它也是免费的.. 将您的 ajax 调用与相关时区挂钩{ "week_number":49, "utc_offset":"-03:00","utc_datetime":"2019-12-03T11:42:02.994093+00:00","unixtime":1575373322, "timezone":"美国/Argentina/Salta”，“raw_offset”：-10800，“dst_until”：null，“dst_offset”：0，“dst_from”：null，“dst”：false，“day_of_year”：337，“day_of_week”：2，“ datetime":"2019-12-03T08:42:02.994093-03:00","client_ip":"hi hi hi ... 几乎让我在那里", "abbreviation":"-03" }另外，试试这段代码..new Date().toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true })这将给出一个输出“下午 5 点 23 分”ps：这只是一个建议。。

Answer 3

使用获取客户端的时区const localDate = new Date(1489199400000);localDate.getTimeZoneOffset();//time zone offset然后在 Date 中使用此值并获取您的时间和客户端机器时间的差异