写一个html网页底部显示当前时间
时间: 2024-02-27 16:59:20 浏览: 27
好的,以下是一个在网页底部显示当前时间的HTML代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页底部显示当前时间</title>
</head>
<body>
<h1>欢迎访问我的网页</h1>
<!-- 网页内容 -->
<footer>
<p>当前时间是:<span id="current-time"></span></p>
<script>
// 获取当前时间并格式化
function formatTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
// 更新时间显示
function updateTime() {
var currentTime = formatTime();
document.getElementById("current-time").innerHTML = currentTime;
}
// 定时器每秒更新时间
setInterval(updateTime, 1000);
</script>
</footer>
</body>
</html>
```
在网页底部添加了一个`<footer>`元素,并在其中使用JavaScript代码获取当前时间并实时更新时间显示。你可以将其中的内容替换成你自己的网页内容。