js+数组实现网页上显示时间/星期几的实用方法

2023年5月27日下午12:34 • JavaScript

让我为您详细解释一下，如何使用 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技术站