PHP / Javascript倒计时脚本

时间:2011-09-02 01:15:54

标签: php mysql live countdown

注意 * 我想要一个人来解决它,并告诉我他们是如何做到的,不是关于如何做到这一点的技巧或关于php和java混合的内容 *

我有一个正在运行的倒计时脚本,但是当它达到目标日期时,计时器会继续进入负时间。我希望它在目标日期停止并只显示完成消息。它存在于我的网站上。我只需要帮助编辑倒计时脚本。

我想保持相同的布局。我需要一些帮助添加完成消息并阻止它进入否定日期,或者只是让它不显示0days,0小时,0分钟,0秒直到网站正式发布。当这最终发生时,我希望它显示一条消息。

倒计时脚本

<?php date_default_timezone_set('EST'); ?>
<?php
// Define your target date here
    $targetYear  = 2011;
    $targetMonth = 9;
    $targetDay   = 1;
    $targetHour  = 20;
    $targetMinute= 00;
    $targetSecond= 00;
// End target date definition

// Define date format
$dateFormat = "Y-m-d H:i:s";

$targetDate = mktime($targetHour,$targetMinute,$targetSecond,$targetMonth,$targetDay,$targetYear);
$actualDate = time();

$secondsDiff = $targetDate - $actualDate;

$remainingDay     = floor($secondsDiff/60/60/24);
$remainingHour    = floor(($secondsDiff-($remainingDay*60*60*24))/60/60);
$remainingMinutes = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))/60);
$remainingSeconds = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))-($remainingMinutes*60));

$targetDateDisplay = date($dateFormat,$targetDate);
$actualDateDisplay = date($dateFormat,$actualDate);

?>
<script type="text/javascript">
  var days = <?php echo $remainingDay; ?>  
  var hours = <?php echo $remainingHour; ?>  
  var minutes = <?php echo $remainingMinutes; ?>  
  var seconds = <?php echo $remainingSeconds; ?>  
</script>
<body onLoad="setCountDown();">
<center><?php echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes and $remainingSeconds seconds";?> untill official release</center>

如何在网站上添加

<script type="text/javascript">
$(function() {
    /* Union War */
    $("#Countdown2").load("http://imperialism.zxq.net/includes/process/uwcountdown.php");

    setInterval(function(){
        $("#Countdown2").load("http://imperialism.zxq.net/includes/process/uwcountdown.php");
    }, 1000);
});
</script>

<div id="uwCD" class="uwCD">
    <div id="Countdown2"></div>
</div>

4 个答案:

答案 0 :(得分:2)

我推荐这个jQuery countdown plugin;只需将PHP值传递给jQuery插件调用。

答案 1 :(得分:2)

if($targetDate != $actualDate && $targetDate > $actualDate) {
echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes and $remainingSeconds seconds";
} else {
echo "0 days, 0 hours, 0 minutes and 0 seconds";
}

答案 2 :(得分:2)

尝试使用此http://www.timeanddate.com/counters/customcount.html一切都已为您完成,并且工作正常,如果有的话,您只需编辑外观以适合您的网站

答案 3 :(得分:0)

if($targetDate != $actualDate && $targetDate > $actualDate) { 
echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes and $remainingSeconds seconds"; 
} else { 
echo "0 days, 0 hours, 0 minutes and 0 seconds"; 
}