用js写出一个日期显示程序,例如2011-05-01 00:00:00每秒钟更改一次
时间: 2023-08-30 21:05:15 浏览: 30
以下是一个使用 JavaScript 编写的日期显示程序,每秒钟更新一次:
HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>日期显示</title>
<script src="date.js"></script>
</head>
<body>
<p id="date"></p>
</body>
</html>
```
JavaScript 代码:
```javascript
function updateDate() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
if (hour < 10) {
hour = "0" + hour;
}
if (minute < 10) {
minute = "0" + minute;
}
if (second < 10) {
second = "0" + second;
}
var dateString = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
document.getElementById("date").innerHTML = dateString;
setTimeout(updateDate, 1000);
}
updateDate();
```
该程序首先定义了一个名为 `updateDate` 的函数,该函数使用 `Date` 对象获取当前日期和时间,并将其格式化为所需的字符串格式。然后,它将该字符串设置为 HTML 元素的内容。最后,它使用 `setTimeout` 函数每秒钟调用一次 `updateDate` 函数,以更新日期和时间显示。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)