iT邦幫忙

2024 iThome 鐵人賽

DAY 16
0
自我挑戰組

認識JavaScript系列 第 16

[第十六天] 牛刀小試-中原標準時間

  • 分享至 

  • xImage
  •  

嘗試使用Date()寫個小東西。

<html>
    <head>中原標準時間</head>
    <body>
        <h1>中原標準時間</h1>
        <div id="t" style="text-align: center"></div>
    </body>
</html>

畫面拉好了。

function updateTime() {
    let options = { timeZone: 'Asia/Taipei', hour12: false };
    let now = new Date().toLocaleString('zh-TW', options);

    document.getElementById('t').textContent = now;
}
    setInterval(updateTime, 1000);

參數options設定了兩件事情:

  • timeZone: 時區,設定了台北。
  • hour12: 12小時制還是24小時制,false為24小時制。

取用時間就使用Date().toLocaleString()方法,
依照options設定來顯示時間,
這樣就可以完成了。

下面則是設定每秒更新畫面。

額外提醒:

  • zh-TW: 只是使用中文(台灣)來顯示時間的意思,與時區無關。
  • 若改成let now = new Date().toLocaleString('zh-TW');時,亦會發現還是能顯示台北時區的中原標準時間(只不過是12小時制),那是因為抓取時間會因為系統網頁所在位置來取得時區(但不是真指定時區)。

上一篇
[第十五天] 試著解題 2715. Timeout Cancellation
下一篇
[第十七天] 牛刀小試-簡易計算機
系列文
認識JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言