CSS實時獲取當前時間

/* 獲取當前時間 */
p:after {
content: "";
display: block;
font-size: 20px;
font-weight: bold;
margin-top: 10px;
text-align: center;
}
/* 更新時間 */
function updateTime() {
var date = new Date();
var time = date.toLocaleTimeString();
var day = date.toLocaleDateString();
var dateText = day + " " + time;
document.querySelector("p:after").textContent = "當前時間：" + dateText;
}
/* 每秒更新一次時間 */
setInterval(updateTime, 1000);

通過CSS的:after偽類，我們可以在元素的后面添加內容。首先，我們創建一個HTML元素，并在其后面添加時間。然后，我們使用JavaScript更新時間并將其放置在CSS的:after偽類中。setInterval函數將時間每秒更新一次，實現了CSS實時獲取當前時間的功能。