让我为您详细解释一下，如何使用 js+数组实现网页上显示时间/星期几的实用方法。
1. 获取时间
我们可以使用 Date() 方法获取到当前时间对象，然后使用 getDate(), getMonth(), getFullYear(), getHours(), getMinutes(), getSeconds() 方法获取到相应的时间数据。将这些数据组合起来即可得到当前时间。以下是代码示例：
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
// 格式化时间数据，例如 2022-03-15 16:30:20
var formattedDate = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
// 将时间显示在页面上
document.getElementById("time").innerHTML = formattedDate;
2. 获取星期
我们可以使用 getDay() 方法获取到当前是周几，该方法返回的是一个数字，范围是0-6，0代表星期日，1代表星期一，以此类推。我们只需要根据数字对应的星期，将对应的星期名称从数组中取出来即可。以下是代码示例：
var weekDays = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
var date = new Date();
var weekDay = weekDays[date.getDay()];
// 将星期显示在页面上
document.getElementById("weekDay").innerHTML = weekDay;
示例
以下是一个完整的示例，将时间和星期显示在页面上：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>显示时间和星期</title>
</head>
<body>
<p>当前时间：<span id="time"></span></p>
<p>今天是：<span id="weekDay"></span></p>
<script>
var weekDays = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
var date = new Date();
// 格式化时间数据，例如 2022-03-15 16:30:20
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var formattedDate = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
// 将时间和星期显示在页面上
document.getElementById("time").innerHTML = formattedDate;
document.getElementById("weekDay").innerHTML = weekDays[date.getDay()];
</script>
</body>
</html>
上面的示例中，我们使用了一个数组来存储星期的名称，根据当前时间对象获取到星期数字，然后从数组中取出对应的星期名称。将星期和时间显示在页面上。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：js+数组实现网页上显示时间/星期几的实用方法 - Python技术站
微信扫一扫 
支付宝扫一扫 