網(wǎng)頁實時顯示時間和日期顯示怎么辦 網(wǎng)頁實時顯示時間和日期顯示怎么辦啊
Roku優(yōu)選達(dá)人跨境問答2025-04-215211
要在網(wǎng)頁上實時顯示時間和日期,可以使用JavaScript的setInterval
和clearInterval
函數(shù)。以下是一個簡單的示例:
- 在HTML文件中創(chuàng)建一個
<div>
元素來顯示時間:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>實時時間</title>
</head>
<body>
<div id="time"></div>
<script src="main.js"></script>
</body>
</html>
- 接下來,在
main.js
文件中編寫JavaScript代碼:
function updateTime() {
const now = new Date();
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const time = `${hours}:${minutes}:${seconds}`;
document.getElementById('time').innerText = time;
}
setInterval(updateTime, 1000); // 每秒更新一次時間
這段代碼會每隔一秒鐘更新一次時間,并將其顯示在<div>
元素中。你可以根據(jù)需要調(diào)整間隔時間。
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明,如有侵權(quán),聯(lián)系刪除。