【问题标题】:Javascript adding Timezone in my current scriptJavascript 在我当前的脚本中添加时区
【发布时间】:2022-02-18 21:36:45
【问题描述】:

我的脚本上有这段代码来显示滴答时钟

<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>

任何人都知道如何将时区更改为特定时区,例如“亚洲/雅加达” 之前谢谢!

【问题讨论】:

标签: javascript timezone


【解决方案1】:

信息:list of TZ (Time Zone)

您可以将 undefined 更改为 'en-US' => 获取特定国家/地区的演示文稿
en-US 是上午/下午,fr-FR -> 24 小时格式,undefined -> 本地浏览器格式)

另请参阅: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>

【讨论】:

  • 谢谢楼主,终于找到简单的方法了!
【解决方案2】:

试试这样的。 usaTime = date.toLocaleString("en-US", {timeZone: "America/New_York"});

【讨论】:

  • 我应该改变哪一部分?
  • 而不是 document.getElementById('time').innerHTML = time.toLocaleTimeString();在下面使用:: asiaTime = date.toLocaleString("en-US", {timeZone: "Asia/Jakarta"}); document.getElementById('asiaTime').innerHTML = asiaTime.toLocaleTimeString();
  • 谢谢奈杜!谢谢你的回答!
  • 更正,如果您正在寻找,您应该使用 en-IN 进行印度计时。
  • 欢迎@AdityaRamadhana
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-09-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-17
  • 2021-09-08
  • 1970-01-01
相关资源
最近更新 更多