如果 datetime 设置了条件，则更改 div 内容（不刷新页面）

Question

我的代码有问题。 我的情况是，假设当前 DateTime 是 2020-06-24 09:15:00 并且 div 中的措辞是“Off Air”。 但是当当前的 DateTime 是 2020-06-24 10:00:00 时，div 会在不刷新页面的情况下变为“On Air”。 下面是我的代码

index.php

<?php

        echo $current = date('d-M-Y H:i A');

        echo "<br>";

        echo $start = '24-Jun-2020 02:56 AM';

        echo "<br>";

        if($start <= $current ) {

        echo '<div>
                <h1 style="color:green;">On Air</h1>

        </div>';

        }else{

            echo '<div>
                <h1 style="color:red;">Off Air</h1>

        </div>';
        }

Answer 1

你的问题有两个部分。

1. 您需要不断跟踪时间，并且
2. 一旦目标时间到来，你就必须做一些事情。

所以基本上你想要做的是在设定的时间间隔内触发 function，当它运行时，检查当前的日期和时间。 那么如果满足你的条件，就可以使用Javacript来改变div的内容。 当您超出目标时间时，请记住将文本设置回默认值。