HTML+js获取当前时间年月日时分秒
时间: 2024-06-07 22:04:29 浏览: 212
在HTML中,你可以结合JavaScript来获取当前的时间日期。以下是一个简单的例子,展示了如何使用JavaScript的内置`Date`对象来获取年、月、日、时、分和秒:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取当前时间</title>
</head>
<body>
<p id="current-time"></p>
<script>
function displayCurrentTime() {
var date = new Date(); // 创建一个Date对象
var year = date.getFullYear(); // 获取年份
var month = '0' + (date.getMonth() + 1); // 获取月份,注意月份从0开始计数,所以加1
var day = '0' + date.getDate(); // 获取日期
var hours = '0' + date.getHours(); // 获取小时
var minutes = '0' + date.getMinutes(); // 获取分钟
var seconds = '0' + date.getSeconds(); // 获取秒
// 填充前导零
year = year.toString();
month = month.slice(-2);
day = day.slice(-2);
hours = hours.slice(-2);
minutes = minutes.slice(-2);
seconds = seconds.slice(-2);
// 组合成完整的时间字符串
var currentTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
document.getElementById("current-time").textContent = currentTime; // 更新页面显示
}
// 每秒钟更新一次当前时间
setInterval(displayCurrentTime, 1000);
</script>
</body>
</html>
```
在这个示例中,我们创建了一个定时器(`setInterval`),每秒执行一次`displayCurrentTime`函数,从而实时更新页面上的当前时间。
阅读全文