html和css显示当前公元年月日时分秒
时间: 2024-09-16 18:01:19 浏览: 15
HTML和CSS可以结合JavaScript一起使用来动态显示当前的日期和时间。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<style>
#datetime {
font-size: 24px;
color: blue;
}
</style>
</head>
<body>
<div id="datetime"></div>
<script>
function showDateTime() {
var date = new Date();
var datetimeText = date.toLocaleString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' });
document.getElementById('datetime').innerText = datetimeText;
}
// 每秒钟更新一次时间
setInterval(showDateTime, 1000);
</script>
</body>
</html>
```
在这个例子中,`<div id="datetime"></div>`用于显示日期时间信息,`setInterval`函数每秒钟调用`showDateTime`函数,获取新的Date对象并格式化成"年月日时分秒"的形式。