html中获取当前时间
时间: 2023-05-26 21:02:49 浏览: 1101
在HTML中获取当前时间需要使用JavaScript,以下是获取当前时间的代码:
```html
<!DOCTYPE html>
<html>
<head>
<script>
function showTime() {
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var time = hours + ":" + minutes + ":" + seconds;
document.getElementById("clock").innerText = time;
}
setInterval(showTime, 1000);
</script>
</head>
<body>
<p>Current time: <span id="clock"></span></p>
</body>
</html>
```
这段代码定义了一个名为`showTime()`的函数,该函数创建了一个`Date`对象来获取当前时间。然后,将小时、分钟和秒数拼接起来,形成一个时间字符串。最后,通过`document.getElementById()`获取到HTML中的`<span>`元素,并将时间字符串输出到该元素中。
为了让时间一秒钟更新一次,使用`setInterval()`将`showTime()`函数定时调用。在HTML中加上`<span>`元素用于显示当前时间。
相关推荐
![](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)