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


Refresh page element after specific time

我不太擅长代码,所以请在回答时使用外行术语!!

有广播网站,我隐藏链接直到一天中的特定时间(即广播时间),这是我用来执行此操作的代码:

<?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 like"弹出窗口,除非他们点击喜欢,否则不会关闭 5 分钟,因此刷新整个页面会不断显示弹出窗口。

请有人可以编写一个脚本,以便我可以将刷新脚本链接到上面的 php 脚本,以便在链接显示容器刷新时,我已经环顾四周,到目前为止没有发现合适的内容?

提前感谢任何帮助 - 非常感谢

坏消息是PHP不能强迫浏览器做任何事情。 你需要带有Ajax的JavaScript来实现这一点。 但是,如果在客户端禁用JavaScript怎么办。 PHP中有一个小技巧。

这是您可以做的。

确定实时广播开始
的秒数

$numOfSeconds = $starttime - $currtime;

然后,一旦你知道你想要刷新浏览器多少秒,这就是你如何使用PHP来做到这一点。

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

这将带您到您希望在特定时间后访问的任何 URL。 如果要刷新,请定义同一页面的 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; ?>

更新 2:重新加载特定的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>

希望这对你有帮助。

没有人会为你工作,所以不要等待别人为你写脚本。

由于您知道应该在什么时间隐藏某些链接,因此您可以计算隐藏它们所需的时间。做这样的事情:

  • 用户在 11:50 发出请求,但您计划在 10 分钟内在 12:00 隐藏链接
  • 服务器会计算 11:50 到 12:00 之间的秒数。看看 time() 和 strtotime() 函数。
  • 您的服务器将页面返回给用户,并返回链接应隐藏之前的秒数。您可以将该数据作为隐藏表单值返回
  • 然后,在 Javascript 中,使用 setTimeout() 方法调用 JavaScript 函数,该函数在 X 时间内(直到 12:00 的秒数)隐藏链接。
  • 如果您如上所述将秒数编写为隐藏值,那么您可以使用 document.getElementById('hidden_form_value').value 在 JavaScript 中获取该值。