在特定时间后刷新页面元素

Question

我不太擅长代码，所以请使用外行术语来回答！

我有一个广播网站，我在其中隐藏链接直到一天中的特定时间（即广播时间），这是我用来执行此操作的代码：

<?php
date_default_timezone_set('Europe/London');
$currtime = date('Hi');
// Change time
$starttime = 2200;  
$endtime = 2300; 
$endtime = $endtime + 2400;
$endtest = $currtime + 2400;

?>
<?php

if( $currtime >= $starttime && $endtest <= $endtime ){
?>
<a href="*broadcastlink*">LIVE NOW</a>
<?php
}
else{
?>
Live at 22:00
<?php
}
?>

目前用户必须手动刷新页面，这有点混乱。

我知道这可以很容易地使用 javascript 每 x 秒刷新整个页面来完成，但我不想这样做，因为我有另一段代码显示一个“类似 facebook 的”弹出窗口，该窗口 5 分钟内不会关闭除非他们点击喜欢，否则刷新整个页面会不断显示弹出窗口。

请有人编写一个脚本，以便我可以将刷新脚本链接到上面的 php 脚本，以便在链接显示时间容器刷新时，我环顾四周，到目前为止没有找到合适的东西？

预先感谢您的任何帮助 - 非常感谢

Answer 1

坏消息是 PHP 无法强制浏览器执行任何操作。你需要 javascript 和 ajax 来实现这一点。但是如果客户端禁用了 javascript 该怎么办？php 中有一个小技巧。

这是你可以做的。

确定直播开始的秒数

$numOfSeconds = $starttime - $currtime;

然后，一旦您知道要在多少秒后刷新浏览器，就可以使用 php 来完成此操作。

header( "refresh:$numOfSeconds;urltoanywhere.php" );

这将带您到您想要在特定时间后访问的任何网址。如果您想刷新，请定义同一页面的 url。你可以扩展这个逻辑来实现你想要的方式。

更新1：

下面是我测试过的工作代码。希望这对你有帮助:)

<?php
ob_start();
date_default_timezone_set('Europe/London');
$currentPage = $_SERVER['PHP_SELF'];
$currentTimestamp = strtotime(date('Y-m-d H:i:s'));
//Define your startTime here in {Year-Month-Day Hour:Minute:Second} format
$startTime = '2012-04-26 21:57:00';
//Define your endTime here in {Year-Month-Day Hour:Minute:Second} format.
$endTime = '2012-04-27 22:00:00';
$startTimestamp = strtotime($startTime);
$endTimestamp = strtotime($endTime);
$numOfSecondsToReload = $startTimestamp - $currentTimestamp;
if($currentTimestamp >= $startTimestamp && $currentTimestamp <= $endTimestamp):
?>
<a href="*broadcastlink*">LIVE NOW</a>
<?php else: ?>
<p>Live at <?php echo date('H:i', $startTimestamp); ?></p>
<?php header( "refresh:$numOfSecondsToReload;$currentPage"); ?>
<?php endif; ?>

Update2：重新加载特定的div内容。这是您可以使用的代码。

<div id="live">
    <?php
    ob_start();
    date_default_timezone_set('Europe/London');
    $currentPage = $_SERVER['PHP_SELF'];
    $currentTimestamp = strtotime(date('Y-m-d H:i:s'));
    $startTime = '2012-04-27 12:42:20';
    $endTime = '2012-04-28 22:00:00';
    $startTimestamp = strtotime($startTime);
    $endTimestamp = strtotime($endTime);
    $numOfSecondsToReload = $startTimestamp - $currentTimestamp;
    if($currentTimestamp >= $startTimestamp && $currentTimestamp <= $endTimestamp):
    ?>
    <a href="*broadcastlink*">LIVE NOW</a>
    <?php else: ?>
    <p>Live at <?php echo date('H:i', $startTimestamp); ?></p>
    <?php endif; ob_end_flush(); ?>
    <div id="timeremaining" hidden><?php echo $numOfSecondsToReload * 1000; ?></div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    var numOfMiliSecondsToReload = $('#timeremaining').html();
    var timeToReload = (numOfMiliSecondsToReload >= 0) ? numOfMiliSecondsToReload : 86400000;
    $(function() {
        $(function() { setTimeout( reloadDiv, timeToReload ); });
        function reloadDiv() { $('#live').load(location.href);}
    });
</script>

希望这对你有帮助。