用js写出一个日期显示程序,例如2011-05-01 00:00:00每秒钟更改一次
时间: 2023-08-31 21:05:09 浏览: 136
js获取当前时间显示在页面上并每秒刷新
以下是用 JavaScript 编写的每秒钟更改日期的程序:
```html
<!DOCTYPE html>
<html>
<head>
<title>日期显示程序</title>
</head>
<body>
<h1 id="date"></h1>
<script>
function displayDate() {
var currentDate = new Date();
var year = currentDate.getFullYear();
var month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
var day = ("0" + currentDate.getDate()).slice(-2);
var hours = ("0" + currentDate.getHours()).slice(-2);
var minutes = ("0" + currentDate.getMinutes()).slice(-2);
var seconds = ("0" + currentDate.getSeconds()).slice(-2);
var formattedDate = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
document.getElementById("date").innerHTML = formattedDate;
}
setInterval(displayDate, 1000);
</script>
</body>
</html>
```
在这个程序中,我们定义了一个名为 `displayDate` 的函数,该函数获取当前日期并格式化为 `YYYY-MM-DD HH:mm:ss` 的字符串。然后,我们使用 `setInterval` 函数每秒钟调用 `displayDate` 函数一次,并将其结果更新到页面上的 `<h1>` 元素中。
阅读全文