关键词

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

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

上面的示例中,我们使用了一个数组来存储星期的名称,根据当前时间对象获取到星期数字,然后从数组中取出对应的星期名称。将星期和时间显示在页面上。

本文链接:http://task.lmcjl.com/news/10536.html

展开阅读全文