完成一个即时显示当前时间的页面。效果图参考如下:每一秒刷新一次
时间: 2023-10-12 17:17:48 浏览: 70
好的,我可以帮你完成这个任务。你需要在HTML文件中创建一个div元素,用于显示时间。然后使用JavaScript获取当前时间并更新div元素的内容。
HTML代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>显示当前时间</title>
</head>
<body>
<div id="time"></div>
<script src="time.js"></script>
</body>
</html>
```
在上面的代码中,我们创建了一个id为“time”的div元素,用于显示时间。我们还引入了一个名为“time.js”的JavaScript文件,用于更新时间。
JavaScript代码如下:
```javascript
function updateTime() {
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var timeString = hour + ":" + minute + ":" + second;
document.getElementById("time").innerHTML = timeString;
}
setInterval(updateTime, 1000);
```
在上面的代码中,我们定义了一个名为“updateTime”的函数,用于获取当前时间并将其显示在div元素中。我们使用setInterval函数每秒钟调用一次“updateTime”函数,以更新时间。
现在你可以将上面的HTML和JavaScript代码保存在同一个文件夹中,然后在浏览器中打开HTML文件,即可看到每秒钟更新一次的当前时间。