js 时间 YYYY.MM.DD 星期W hh:mm:ss 时分秒 随时间跳动
时间: 2024-03-21 12:40:47 浏览: 27
好的,您需要一个JavaScript代码来实现时间的显示,并且时间需要实时跳动,是吗?以下是一个简单的实现:
```javascript
function updateTime() {
const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const week = now.getDay();
const hour = now.getHours();
const minute = now.getMinutes();
const second = now.getSeconds();
const weekList = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
const timeStr = `${year}.${month < 10 ? '0' + month : month}.${day < 10 ? '0' + day : day} ${weekList[week]} ${hour < 10 ? '0' + hour : hour}:${minute < 10 ? '0' + minute : minute}:${second < 10 ? '0' + second : second}`;
document.getElementById('time').innerText = timeStr;
}
setInterval(updateTime, 1000);
```
这段代码定义了一个名为`updateTime`的函数,用于获取当前时间并将其格式化为您所需的字符串格式。然后使用`setInterval`函数来每秒钟调用一次`updateTime`函数,以实现时间的实时更新。最后,将时间字符串显示在页面上的某个元素中(这里以id为`time`的元素为例)。
您可以将这段代码放在HTML文件的`<script>`标签中,或者将其保存为单独的js文件并在HTML文件中引用。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![sql](https://img-home.csdnimg.cn/images/20210720083646.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)