js获取当前时间并显示
时间: 2023-11-09 21:00:25 浏览: 49
可以使用JavaScript中的`Date()`对象来获取当前时间,然后将它显示到HTML页面中。以下是一个例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>显示当前时间</title>
<script>
function showTime() {
var date = new Date(); // 创建一个Date对象
var hours = date.getHours(); // 获取当前小时数
var minutes = date.getMinutes(); // 获取当前分钟数
var seconds = date.getSeconds(); // 获取当前秒数
var time = hours + ':' + minutes + ':' + seconds; // 拼接时间字符串
document.getElementById('clock').innerHTML = time; // 将时间字符串显示到页面中
}
</script>
</head>
<body onload="setInterval('showTime()', 1000)"> <!-- 每秒钟调用一次showTime函数 -->
<h1>当前时间:</h1>
<div id="clock"></div>
</body>
</html>
```
在这个例子中,我们定义了一个名为`showTime()`的函数,它使用`Date()`对象获取当前时间,并将它显示到一个id为`clock`的div元素中。在HTML页面中,我们使用`onload`事件来在页面加载时启动一个定时器,每秒钟调用一次`showTime()`函数,以保持时间的实时更新。