编写网页 内容为“当前时间为:系统时间”,系统时间格式为yyyy/mm/dd hh:mm:ss,且时间实时更新。
时间: 2024-10-25 13:04:16 浏览: 9
要在网页上实时显示当前系统时间,你可以使用HTML结合JavaScript来实现。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<title>实时时间</title>
<script>
function updateTime() {
var now = new Date(); // 创建Date对象获取当前时间
var year = now.getFullYear(); // 年份
var month = "0" + (now.getMonth()+1); // 月份,注意+1是因为JavaScript从0开始计数
var day = "0" + now.getDate(); // 日
var hours = "0" + now.getHours();
var minutes = "0" + now.getMinutes();
var seconds = "0" + now.getSeconds();
document.getElementById("current-time").innerHTML = year + "/" + month.substr(-2) + "/" + day.substr(-2) + " " + hours.substr(-2) + ":" + minutes.substr(-2) + ":" + seconds.substr(-2);
}
setInterval(updateTime, 1000); // 每秒更新一次时间
</script>
</head>
<body>
<h1 id="current-time">当前时间为:</h1>
</body>
</html>
```
这个示例中,`setInterval`函数设置了一个定时器,每秒钟执行`updateTime`函数一次,该函数会获取并格式化当前时间,并将其插入到id为`current-time`的HTML元素中。
阅读全文