让我们来探讨一下如何在HTML页面中显示当前的年月日、时分秒和星期几的两种方式。
方式一：使用JavaScript实现
实现步骤：
- 在HTML页面中添加一个显示日期时间的标签，例如这里我们使用
<p>标签作为容器，<p id="datetime"></p>：
<p id="datetime"></p>
- 在JavaScript中编写获取日期时间的代码，例如：
setInterval(function() {
var datetimeElem = document.getElementById("datetime");
var datetime = new Date();
var year = datetime.getFullYear();
var month = datetime.getMonth() + 1;
var day = datetime.getDate();
var hour = datetime.getHours();
var minute = datetime.getMinutes();
var second = datetime.getSeconds();
var week = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'][datetime.getDay()];
datetimeElem.innerHTML = year + '年' + month + '月' + day + '日 ' + hour + ':' + minute + ':' + second + ' ' + week;
}, 1000);
以上代码中，使用setInterval()方法每隔一秒钟获取一次当前日期时间。
在获取日期时间后，通过getFullYear()、getMonth()、getDate()、getHours()、getMinutes()、getSeconds()和getDay()方法获取当前的年、月、日、时、分、秒和星期几，将它们拼接成一个字符串，最后以innerHTML的方式显示在<p>标签中。
- 在HTML页面中引入JavaScript文件，并在
<head>标签中添加以下代码：
<script src="datetime.js"></script>
其中datetime.js是你编写的包含以上JavaScript代码的文件名。
这样，当你打开HTML页面时，就能看到类似这样的输出效果：
2019年11月21日 11:11:11 星期四
方式二：使用HTML5提供的datetime标签
实现步骤：
HTML5提供了<time>标签，可以用于显示日期、时间和持续时间等信息，其中包含了一个datetime属性，可以指定时间的格式。
例如以下代码：
<time datetime="2019-11-21T11:11:11+08:00">2019年11月21日 11:11:11</time>
其中，datetime属性的值是符合ISO标准的格式，表示时区偏移量为+08:00的北京时间。
在<time>标签内添加了需要显示的日期时间信息，浏览器会自动解析这个时间并显示出来。
需要注意的是，虽然<time>标签已经成为HTML5的规范，但目前还有部分浏览器不支持该标签，为了保证显示效果的兼容性，你可以在标签内添加一些备选的日期时间信息，例如：
<time datetime="2019-11-21T11:11:11+08:00">2019年11月21日 11:11:11<!-- 如果浏览器不支持time标签，这里会显示的信息 --></time>
这样，在不支持<time>标签的浏览器中，就会显示2019年11月21日 11:11:11这段备选信息。
以上就是两种在HTML页面中显示当前日期时间和星期几的方式，你可以选择其中一种适合你的情况来实现。
阅读剩余 28%
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：html页面显示年月日时分秒和星期几的两种方式 - Python技术站
微信扫一扫 
支付宝扫一扫 