<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>当前时间</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 20%;
font-size: 2em;
}
</style>
</head>
<body>
<div id="currentTime">加载中...</div>
<script>
function updateTime() {
const now = new Date();
const timeString = now.toLocaleTimeString();
document.getElementById('currentTime').textContent = timeString;
}
updateTime(); // 立即显示当前时间
setInterval(updateTime, 1000); // 每秒更新一次时间
</script>
</body>
</html>
一个超简单的动态网页-动态显示时间
最新推荐文章于 2024-10-09 10:18:40 发布