如何将JavaScript获取的客户端时间传递至PHP并实现时间累加功能？

我来帮你搞定这个问题～你的现有代码存在一个核心逻辑错误：PHP是服务器端脚本，会在页面发送到浏览器之前就执行完毕，而JavaScript是客户端脚本，只有页面加载到浏览器后才会运行。所以你现在把JS代码赋值给PHP变量$getting_time的做法，其实只是把一段字符串传给了strtotime，根本拿不到客户端的真实时间，自然无法正确计算。

下面给你两种可行的解决方案，根据你的需求选就行：

方案一：直接用JavaScript完成时间累加（最简单，无需PHP交互） #

如果你的需求只是对客户端时间累加指定分钟数并展示，完全可以直接用JS实现，不需要和PHP打交道，步骤也更简单：

<html>
<body>
    <p>原始时间：<span id="originalTime"></span></p>
    <p>累加120分钟后的时间：<span id="endTime"></span></p>

    <script type="text/javascript">
        // 获取客户端当前时间
        const currentTime = new Date();
        
        // 格式化原始时间为 hh:mm AM/PM 格式
        const formattedOriginal = currentTime.toLocaleTimeString('en-US', {
            hour: '2-digit',
            minute: '2-digit',
            hour12: true
        });
        document.getElementById('originalTime').textContent = formattedOriginal;

        // 累加120分钟
        const endTime = new Date(currentTime);
        endTime.setMinutes(currentTime.getMinutes() + 120); // 直接加分钟数，自动处理跨小时/天情况

        // 格式化结果时间
        const formattedEnd = endTime.toLocaleTimeString('en-US', {
            hour: '2-digit',
            minute: '2-digit',
            hour12: true
        });
        document.getElementById('endTime').textContent = formattedEnd;
    </script>
</body>
</html>

代码说明： #

• new Date() 直接获取客户端当前时区的时间
• setMinutes() 方法可以给时间对象添加指定分钟数，会自动处理比如从23:50加20分钟变成00:10的情况
• toLocaleTimeString 用来快速格式化时间为你需要的h:i A格式（如果想要24小时制，把hour12改成false即可）

方案二：把客户端时间传给PHP处理（适合需要PHP做其他逻辑的场景） #

如果你必须用PHP来处理时间（比如要存入数据库、结合服务器端业务逻辑等），需要通过AJAX把客户端时间传给PHP后端，步骤如下：

1. 前端页面（index.html） #

<html>
<body>
    <p>累加120分钟后的时间：<span id="result"></span></p>

    <script type="text/javascript">
        // 获取客户端当前时间的秒级时间戳（PHP的strtotime用秒级时间戳）
        const currentTimestamp = Math.floor(new Date().getTime() / 1000);
        
        // 用fetch发送请求给PHP后端
        fetch('process_time.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: `current_time=${currentTimestamp}&add_minutes=120`
        })
        .then(response => response.text())
        .then(data => {
            // 把PHP返回的结果显示到页面
            document.getElementById('result').textContent = data;
        })
        .catch(error => {
            console.error('请求出错:', error);
        });
    </script>
</body>
</html>

2. PHP后端（process_time.php） #

<?php
// 接收前端传过来的时间戳和要加的分钟数
$currentTimestamp = $_POST['current_time'] ?? 0;
$addMinutes = $_POST['add_minutes'] ?? 0;

if ($currentTimestamp) {
    // 累加分钟数（1分钟=60秒）
    $endTimestamp = $currentTimestamp + ($addMinutes * 60);
    // 格式化为需要的时间格式
    echo date('h:i A', $endTimestamp);
} else {
    echo '时间参数错误';
}
?>

代码说明： #

• 前端把客户端时间转成秒级时间戳传给PHP，避免了时区和字符串格式解析的问题
• PHP接收后直接对时间戳做加法，再格式化输出，确保计算准确

为什么你的原代码不行？ #

再给你明确下原代码的问题：当服务器处理你的PHP代码时，$getting_time = "<script> document.write(hours, minutes); </script>"; 只是把这段JS字符串赋值给变量，然后strtotime($getting_time)会尝试把这段字符串解析成时间，显然是失败的，所以最终输出的是错误的时间。

内容的提问来源于stack exchange，提问作者i8a6ari