[已解决]自动记录访问者的时间，如何做加减。谢谢

aibuy

写好的网站代码需要改进
1处是原本里面有4个TIME1,2,3,4分别
window.onload = function() {    var now = new Date();
    var strDateTime = [[AddZero(now.getMonth()   1), AddZero(now.getDate())].join("/"),         [AddZero(now.getHours()),
        AddZero(now.getMinutes())].join(":"),         now.getHours() >= 12 ? "" : ""].join(" ");
    document.getElementById("time1").innerHTML = ""   strDateTime;   
    document.getElementById("time2").innerHTML = ""   strDateTime;
    document.getElementById("time3").innerHTML = ""   strDateTime;   
    document.getElementById("time4").innerHTML = ""   strDateTime;

需要加入什么代码可以把每个TIME时间根据访问IP本地时间做推前，比如本地时间是2023年6月17号12:40，time1可以任意改成2023年6月13号9:40类似这样。

望高手支招。谢谢

最佳答案

月排行榜 / 总排行榜

歌者文明清理员

2023-6-18 10:26:41

要实现根据访问 IP 的本地时间推前每个 TIME 时间的功能，您需要从服务器获取访问者的 IP 地址，然后使用 IP 地址查询到访问者所在时区，最后根据时区将当前时间向前推置后赋值给 TIME。

以下是一种实现方式：

• 首先，在前端代码中，需要将每个 TIME 元素的 id 属性改为一个有意义的名称，如 time1 -> time-beijing、time2 -> time-tokyo 等。这样可以方便后面的 JavaScript 代码根据名称找到对应的元素。
  
• 在前端代码中添加一个隐藏的表单元素，用于存储访问者的 IP 地址。例如：
  

  <input type="hidden" id="ip-address" value="">

• 在前端代码中添加一个 JavaScript 函数，用于从服务器获取访问者的 IP 地址。例如：

  function getIpAddress() {
      var xhr = new XMLHttpRequest();
      xhr.open("GET", "https://api.ipify.org", true);
      xhr.onload = function () {
          if (xhr.status === 200) {
              document.getElementById("ip-address").value = xhr.responseText;
          }
      };
      xhr.send();
  }

  这个函数会向 https://api.ipify.org 发送 GET 请求，获取访问者的 IP 地址，并将其存储到隐藏的表单元素中。
  
• 在前端代码中调用上述函数，以获取访问者的 IP 地址。例如：
  

  window.onload = function () {
      // 获取访问者的 IP 地址
      getIpAddress();
  
      // ...
  };

• 在后端代码中，需要使用一个 IP 地址查询 API 来查询访问者所在时区。以 Python 为例，可以使用 ipwhois 库来实现这个功能。例如：
  

  import ipwhois
  from datetime import datetime, timedelta
  
  def get_local_time(ip_address):
      # 使用 ipwhois 库查询 IP 所在地信息
      obj = ipwhois.IPWhois(ip_address)
      res = obj.lookup_rdap()
  
      # 从地理位置信息中提取时区信息
      time_zone = res.get("asn_description", "").split(" ")[-1]
  
      # 根据时区计算当前时间，并将其向前推置
      now = datetime.utcnow() + timedelta(hours=int(time_zone))
      return now.strftime("%Y年%m月%d日 %H:%M")

  这个函数接收一个 IP 地址作为参数，使用 IPWhois 类查询该 IP 所在地的信息。然后，从地理位置信息中提取出时区信息，并根据时区计算当前时间，并将其向前推置。最后，将计算出的时间格式化为字符串并返回。
  
• 在前端代码中，获取到访问者的 IP 地址后，需要将其发送到服务器端，并请求服务器端返回本地时间。例如：
  

  function updateLocalTime() {
      var xhr = new XMLHttpRequest();
      xhr.open("POST", "/get-local-time", true);
      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      xhr.onload = function () {
          if (xhr.status === 200) {
              var localTime = xhr.responseText;
              // 更新每个 TIME 时间
              document.getElementById("time-beijing").innerHTML = localTime;
              document.getElementById("time-tokyo").innerHTML = localTime;
              // ...
          }
      };
      xhr.send("ip_address=" + document.getElementById("ip-address").value);
  }

  这个函数会向服务器端发送一个 POST 请求，将访问者的 IP 地址作为参数发送到服务器端。服务器端收到请求后，使用上述函数计算本地时间，并将其返回。最后，前端代码根据返回的时间更新每个 TIME 时间。
  
• 在后端代码中，需要实现一个接口来处理前面发起的 /get-local-time 请求。例如：
  

  from flask import Flask, request
  
  app = Flask(__name__)
  
  @app.route("/get-local-time", methods=["POST"])
  def get_local_time():
      ip_address = request.form.get("ip_address")
      local_time = get_local_time(ip_address)
      return local_time

  这个接口接收一个 POST 请求，从请求参数中取出访问者的 IP 地址，并使用上述函数计算本地时间，并将其返回。
  
  综上，您可以根据上述步骤来修改您的网站代码，以实现根据访问 IP 的本地时间推前每个 TIME 时间的功能。
  

跳转到最佳答案楼层

歌者文明清理员

要实现根据访问 IP 的本地时间推前每个 TIME 时间的功能，您需要从服务器获取访问者的 IP 地址，然后使用 IP 地址查询到访问者所在时区，最后根据时区将当前时间向前推置后赋值给 TIME。

以下是一种实现方式：

• 首先，在前端代码中，需要将每个 TIME 元素的 id 属性改为一个有意义的名称，如 time1 -> time-beijing、time2 -> time-tokyo 等。这样可以方便后面的 JavaScript 代码根据名称找到对应的元素。
  
• 在前端代码中添加一个隐藏的表单元素，用于存储访问者的 IP 地址。例如：
  

  <input type="hidden" id="ip-address" value="">

• 在前端代码中添加一个 JavaScript 函数，用于从服务器获取访问者的 IP 地址。例如：

  function getIpAddress() {
      var xhr = new XMLHttpRequest();
      xhr.open("GET", "https://api.ipify.org", true);
      xhr.onload = function () {
          if (xhr.status === 200) {
              document.getElementById("ip-address").value = xhr.responseText;
          }
      };
      xhr.send();
  }

  这个函数会向 https://api.ipify.org 发送 GET 请求，获取访问者的 IP 地址，并将其存储到隐藏的表单元素中。
  
• 在前端代码中调用上述函数，以获取访问者的 IP 地址。例如：
  

  window.onload = function () {
      // 获取访问者的 IP 地址
      getIpAddress();
  
      // ...
  };

• 在后端代码中，需要使用一个 IP 地址查询 API 来查询访问者所在时区。以 Python 为例，可以使用 ipwhois 库来实现这个功能。例如：
  

  import ipwhois
  from datetime import datetime, timedelta
  
  def get_local_time(ip_address):
      # 使用 ipwhois 库查询 IP 所在地信息
      obj = ipwhois.IPWhois(ip_address)
      res = obj.lookup_rdap()
  
      # 从地理位置信息中提取时区信息
      time_zone = res.get("asn_description", "").split(" ")[-1]
  
      # 根据时区计算当前时间，并将其向前推置
      now = datetime.utcnow() + timedelta(hours=int(time_zone))
      return now.strftime("%Y年%m月%d日 %H:%M")

  这个函数接收一个 IP 地址作为参数，使用 IPWhois 类查询该 IP 所在地的信息。然后，从地理位置信息中提取出时区信息，并根据时区计算当前时间，并将其向前推置。最后，将计算出的时间格式化为字符串并返回。
  
• 在前端代码中，获取到访问者的 IP 地址后，需要将其发送到服务器端，并请求服务器端返回本地时间。例如：
  

  function updateLocalTime() {
      var xhr = new XMLHttpRequest();
      xhr.open("POST", "/get-local-time", true);
      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
      xhr.onload = function () {
          if (xhr.status === 200) {
              var localTime = xhr.responseText;
              // 更新每个 TIME 时间
              document.getElementById("time-beijing").innerHTML = localTime;
              document.getElementById("time-tokyo").innerHTML = localTime;
              // ...
          }
      };
      xhr.send("ip_address=" + document.getElementById("ip-address").value);
  }

  这个函数会向服务器端发送一个 POST 请求，将访问者的 IP 地址作为参数发送到服务器端。服务器端收到请求后，使用上述函数计算本地时间，并将其返回。最后，前端代码根据返回的时间更新每个 TIME 时间。
  
• 在后端代码中，需要实现一个接口来处理前面发起的 /get-local-time 请求。例如：
  

  from flask import Flask, request
  
  app = Flask(__name__)
  
  @app.route("/get-local-time", methods=["POST"])
  def get_local_time():
      ip_address = request.form.get("ip_address")
      local_time = get_local_time(ip_address)
      return local_time

  这个接口接收一个 POST 请求，从请求参数中取出访问者的 IP 地址，并使用上述函数计算本地时间，并将其返回。
  
  综上，您可以根据上述步骤来修改您的网站代码，以实现根据访问 IP 的本地时间推前每个 TIME 时间的功能。
  

sfqxx

要根据访问者的本地时间来调整每个TIME的时间，您可以使用JavaScript的`toLocaleString()`方法。首先，获取访问者的本地时间，然后根据需要的偏移量设置每个TIME的时间。

以下是修改后的代码示例：

window.onload = function() {
    var now = new Date();
    var localDateTime = new Date(now.toLocaleString()); // 获取访问者的本地时间

    // 计算不同的偏移量（以分钟为单位）
    var offset1 = -24 * 60;   // time1向前推1天
    var offset2 = -48 * 60;   // time2向前推2天
    var offset3 = -72 * 60;   // time3向前推3天
    var offset4 = -96 * 60;   // time4向前推4天

    // 应用偏移量并设置每个TIME的时间
    document.getElementById("time1").innerHTML = getAdjustedDateTime(localDateTime, offset1);
    document.getElementById("time2").innerHTML = getAdjustedDateTime(localDateTime, offset2);
    document.getElementById("time3").innerHTML = getAdjustedDateTime(localDateTime, offset3);
    document.getElementById("time4").innerHTML = getAdjustedDateTime(localDateTime, offset4);
}

function getAdjustedDateTime(dateTime, offset) {
    var adjustedDateTime = new Date(dateTime.getTime() + offset * 60 * 1000);
    return formatDate(adjustedDateTime); // 格式化日期时间字符串
}

function formatDate(date) {
    var month = AddZero(date.getMonth() + 1);
    var day = AddZero(date.getDate());
    var hours = AddZero(date.getHours());
    var minutes = AddZero(date.getMinutes());
    return [month, day].join("/") + " " + [hours, minutes].join(":");
}

function AddZero(num) {
    return num < 10 ? "0" + num : num;
}

在上述代码中，`offset1`、`offset2`、`offset3`和`offset4`表示每个TIME相对于本地时间的偏移量（以分钟为单位）。您可以根据需要调整这些偏移量。

求最佳答案

isdkz

为了实现你的需求，我们可以创建一个函数来减去特定的天数和小时。然后我们用这个函数来分别设置time1, time2, time3和time4的值。在你的示例中，我们可以减去4天和3小时来得到新的日期。

下面是一个示例代码：

function subtractTime(days, hours) {
    var now = new Date();
    now.setDate(now.getDate() - days);
    now.setHours(now.getHours() - hours);
    return [[AddZero(now.getMonth() + 1), AddZero(now.getDate())].join("/"), 
            [AddZero(now.getHours()), AddZero(now.getMinutes())].join(":"), 
            now.getHours() >= 12 ? "PM" : "AM"].join(" ");
}

window.onload = function() {
    document.getElementById("time1").innerHTML = subtractTime(4, 3);
    document.getElementById("time2").innerHTML = subtractTime(3, 2);
    document.getElementById("time3").innerHTML = subtractTime(2, 1);
    document.getElementById("time4").innerHTML = subtractTime(1, 0);
}

注意：这个代码将时间减去了特定的天数和小时。在这个例子中，我把time1的时间设为了当前时间减去4天和3小时，把time2的时间设为了当前时间减去3天和2小时，把time3的时间设为了当前时间减去2天和1小时，把time4的时间设为了当前时间减去1天和0小时。你可以根据需要更改天数和小时数。

另外，我假设你的 AddZero 函数是用来在日期或时间的数值前面添加零（如果它们是一位数的话）。如果你没有这样的函数，你可以创建一个，像这样：

function AddZero(num) {
    return (num >= 0 && num < 10) ? "0" + num : num + "";
}

这个函数会检查传入的数值，如果它是一位数，就在前面添加一个零。