论坛 › Web开发 › 自动记录访问者的时间，如何做加减。谢谢

aibuy 发表于 2023-6-18 06:57:25

自动记录访问者的时间，如何做加减。谢谢

写好的网站代码需要改进
1处是原本里面有4个TIME1,2,3,4分别
window.onload = function() {    var now = new Date();
    var strDateTime = [.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

本帖最后由 歌者文明清理员 于 2023-6-18 10:30 编辑

要实现根据访问 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 发表于 2023-6-18 11:40:28

要根据访问者的本地时间来调整每个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 .join("/") + " " + .join(":");
}

function AddZero(num) {
    return num < 10 ? "0" + num : num;
}
在上述代码中，`offset1`、`offset2`、`offset3`和`offset4`表示每个TIME相对于本地时间的偏移量（以分钟为单位）。您可以根据需要调整这些偏移量。

求最佳答案{:10_254:}

isdkz 发表于 2023-6-18 12:28:38

为了实现你的需求，我们可以创建一个函数来减去特定的天数和小时。然后我们用这个函数来分别设置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 [.join("/"),
            .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 + "";
}

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

查看完整版本: 自动记录访问者的时间，如何做加减。谢谢