html怎么获取当前时间
时间: 2023-07-17 09:08:47 浏览: 112
您可以使用JavaScript来获取当前时间并在HTML中显示。以下是一种常用的方法:
首先,在HTML文件的`<head>`标签中添加以下代码:
```html
<script>
function showTime() {
var date = new Date(); // 创建一个Date对象
var hours = date.getHours(); // 获取小时
var minutes = date.getMinutes(); // 获取分钟
var seconds = date.getSeconds(); // 获取秒
// 将单数的小时、分钟、秒转换为双数
if (hours < 10) {
hours = "0" + hours;
}
if (minutes < 10) {
minutes = "0" + minutes;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
// 将时间显示在页面上
var currentTime = hours + ":" + minutes + ":" + seconds;
document.getElementById("time").innerHTML = currentTime;
// 每秒钟更新时间
setTimeout(showTime, 1000);
}
</script>
```
然后,在HTML文件的`<body>`标签中添加以下代码:
```html
<body onload="showTime()">
<div id="time"></div>
</body>
```
这样,页面加载完成后会自动调用`showTime()`函数,并将当前时间显示在id为"time"的div元素中。每秒钟更新一次时间。
相关推荐
![](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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)