本文目錄導(dǎo)讀：

1. 使用JavaScript獲取時間
2. 格式化時間顯示
3. 在HTML中顯示時間

如何獲取系統(tǒng)當(dāng)前時間（非CSS方法）

在網(wǎng)頁開發(fā)中，獲取系統(tǒng)當(dāng)前時間是一個常見的需求，雖然CSS主要用于樣式設(shè)計，但獲取系統(tǒng)時間通常通過JavaScript實現(xiàn)，下面介紹幾種獲取系統(tǒng)當(dāng)前時間的方法。

使用JavaScript獲取時間

JavaScript是前端開發(fā)中***常用的獲取系統(tǒng)時間的工具，通過內(nèi)置的Date對象，可以輕松獲取當(dāng)前時間，示例代碼如下：

let currentTime = new Date(); // 創(chuàng)建Date對象，表示當(dāng)前時間
console.log(currentTime); // 輸出當(dāng)前時間

格式化時間顯示

獲取到時間后，可能需要以特定的格式顯示，JavaScript的Date對象提供了格式化輸出的方法，

let year = currentTime.getFullYear(); // 獲取年份
let month = currentTime.getMonth() + 1; // 獲取月份（注意月份是從0開始的）
let day = currentTime.getDate(); // 獲取日期
let hours = currentTime.getHours(); // 獲取小時
let minutes = currentTime.getMinutes(); // 獲取分鐘
let seconds = currentTime.getSeconds(); // 獲取秒數(shù)

之后可以根據(jù)需要將這些值組合成特定的時間格式。

在HTML中顯示時間

將獲取和格式化后的時間通過JavaScript插入到HTML元素中，

document.getElementById('time-display').innerText =${year}-${month}-${day} ${hours}:${minutes}:${seconds}; // 假設(shè)有一個ID為'time-display'的元素用于顯示時間

這樣，用戶就能在網(wǎng)頁上看到實時更新的系統(tǒng)時間。

獲取系統(tǒng)當(dāng)前時間在網(wǎng)頁開發(fā)中主要通過JavaScript實現(xiàn)，而非CSS，通過Date對象可以輕松獲取時間，并通過相應(yīng)的方法格式化輸出，之后將時間通過JavaScript插入到HTML元素中即可在網(wǎng)頁上顯示，以上方法簡單實用，適用于大多數(shù)網(wǎng)頁開發(fā)場景。