html持续显示当前时间
时间: 2023-09-11 14:05:52 浏览: 51
要在 HTML 页面上持续显示当前时间,可以使用 JavaScript 脚本来实现。以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>显示当前时间</title>
</head>
<body>
<h1>当前时间:</h1>
<p id="time"></p>
<script>
function updateTime() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var timeString = hours + ":" + minutes + ":" + seconds;
document.getElementById("time").innerHTML = timeString;
}
setInterval(updateTime, 1000);
</script>
</body>
</html>
```
这个代码会在页面上显示一个标题和一个段落元素,段落元素的 ID 是 `time`。JavaScript 脚本中的 `updateTime` 函数会获取当前时间并将其格式化为小时、分钟和秒的字符串。然后,它会将这个字符串设置为段落元素的内容。最后,使用 `setInterval` 函数每秒钟调用一次 `updateTime` 函数,以便在页面上持续显示当前时间。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)