时间戳

首页 > 解决方案 > 如果 datetime 设置了条件，则更改 div 内容（不刷新页面）

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

问题描述

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

索引.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>';
        }

标签： javascriptjqueryajax

解决方案

你的问题有两个部分。

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

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

推荐阅读