電子時(shí)鐘在線顯示網(wǎng)頁(yè)版時(shí)間 電子時(shí)鐘在線表盤
Vova沃購(gòu)賣家服務(wù)2025-06-094560
要實(shí)現(xiàn)電子時(shí)鐘在線顯示網(wǎng)頁(yè)版時(shí)間,可以使用HTML、CSS和JavaScript。以下是一個(gè)簡(jiǎn)單的示例:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>電子時(shí)鐘</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
#clock {
font-size: 48px;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<div id="clock"></div>
<script>
const clock = document.getElementById('clock');
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');
clock.innerText = `${hours}:${minutes}:${seconds}`;
setTimeout(() => {
clock.innerText = '';
}, 1000);
</script>
</body>
</html>
將以上代碼保存為一個(gè)HTML文件,然后用瀏覽器打開(kāi)即可看到在線顯示的電子時(shí)鐘。這個(gè)示例使用了HTML5的<time>
標(biāo)簽來(lái)顯示當(dāng)前時(shí)間,并使用JavaScript在頁(yè)面加載完成后每隔1秒更新一次時(shí)間。
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點(diǎn)和立場(chǎng)。
轉(zhuǎn)載請(qǐng)注明,如有侵權(quán),聯(lián)系刪除。