创建一个网页带时间日期,需要每1分钟自动刷新
时间: 2023-08-17 20:05:35 浏览: 75
你可以在上面的代码中添加一个定时器,以便每1分钟自动刷新页面。以下是修改后的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>时间和日期</title>
<script>
function displayDateTime() {
var currentDateTime = new Date();
var date = currentDateTime.toDateString();
var time = currentDateTime.toLocaleTimeString();
document.getElementById("datetime").innerHTML = "当前日期:" + date + "<br>当前时间:" + time;
}
setInterval(function () {
displayDateTime();
}, 60000); // 1分钟 = 60000毫秒
</script>
</head>
<body onload="displayDateTime()">
<h1>时间和日期</h1>
<div id="datetime"></div>
</body>
</html>
```
这样,网页将在页面加载时显示当前时间和日期,并且每1分钟自动刷新一次,更新时间和日期的显示内容。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)