前端在页面上实现一个显示当前系统时间 并且会随着时间的变化为变化 格式为2023-6-10-10:53:4
时间: 2024-03-22 16:42:24 浏览: 229
jsp实现页面实时显示当前系统时间的方法.docx
可以通过 JavaScript 中的 Date 对象来获取当前系统时间,并将其格式化为指定的字符串格式。以下是一个简单的实现示例:
HTML 代码:
```
<div id="current-time"></div>
```
JavaScript 代码:
```javascript
function getCurrentTime() {
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();
const formattedTime = `${year}-${month}-${day}-${hour}:${minute}:${second}`;
document.getElementById('current-time').textContent = formattedTime;
}
setInterval(getCurrentTime, 1000); // 每秒更新一次时间
```
该代码将会在页面上显示当前系统时间,每秒钟更新一次,格式为“2023-6-10-10:53:4”。
阅读全文