如何在PHP中针对id=demo的div的EXPIRED状态实现分支逻辑判断

首先明确核心逻辑：PHP是服务端执行语言，只会在页面加载前的服务端渲染阶段运行，页面发送到用户浏览器后PHP就已经停止执行了；而你的倒计时是运行在用户浏览器的客户端JavaScript逻辑，所以PHP不可能直接读取浏览器里DOM元素的内容做判断，你需要结合服务端预判断+客户端动态控制来实现需求。

具体实现步骤 #

第一步：服务端预判断是否已经过期，初始控制按钮渲染 #

你本身在PHP里已经拿到了倒计时的目标时间，直接在PHP里先判断当前服务端时间是否已经超过目标时间，初始控制按钮是否渲染：

<?php
// 前面已经从数据库取到了时间字段，这里直接计算时间戳
$targetTimestamp = strtotime("$date $h:$m:$s");
$currentServerTimestamp = time();
$isExpired = $currentServerTimestamp >= $targetTimestamp;
?>

<!-- 倒计时未过期时才初始渲染按钮 -->
<?php if (!$isExpired): ?>
<a href="#" class="btnMgn primary-btn text-uppercase mx-auto d-block" id="offerBtn">OFFER</a>
<?php endif; ?>
<div id="demo"></div>

第二步：修改JavaScript倒计时逻辑，结束时隐藏按钮 #

在你原有JS的倒计时结束分支里新增一行隐藏/移除按钮的逻辑即可：

if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
    // 新增逻辑：移除OFFER按钮
    const offerBtn = document.getElementById('offerBtn');
    if (offerBtn) offerBtn.remove();
}

补充说明 #

如果你的需求是倒计时结束后需要触发服务端的业务逻辑（比如修改数据库状态、记录过期信息等），可以在JS倒计时结束的分支里发送AJAX请求到PHP接口执行对应操作即可。

内容的提问来源于stack exchange，提问作者Hasan Kürşad KORKMAZ