【问题标题】:Javascript/PHP countdown timer stops at a certain time?Javascript / PHP倒数计时器在某个时间停止?
【发布时间】:2013-09-18 11:52:59
【问题描述】:

我有这个倒数计时器的代码。它基本上是 PHP/Javascript 倒数计时器的组合,它将从 Mysql 表/字段中获取 $end_date

问题是它会在某个时间自动停止(这是不需要的)。

例如:我在mysql数据库中将$end_date设置为September 19 2013 11:30:00 AM GMT

倒计时开始并且工作正常,并且开始倒计时。但是,当倒数计时器到达September 19 2013 13:00:00 PM GMT 时,它将停止并显示Times Up 消息!基本上,一旦将$end_date 更改为13:00:00 PM,它将停止工作或倒计时。

我在我的代码中看不到任何会导致此问题的内容。除了这一行:

if ($now < $exp_date ) {
?>

但同样,这一行只告诉脚本何时开始计数,据我所知,只要计时器没有达到$end_date,它就不应该停止倒数计时器停止。还是我错过了什么?

这是我的代码:

<?php 
error_reporting(E_ALL);
ini_set('display_errors', '1');
?>
<?php date_default_timezone_set('GMT'); ?>
<?php
session_start();
// Run a select query to get my letest 6 items
// Connect to the MySQL database  
include "config/connect.php";
$dynamicList = "";
$sql = "SELECT * FROM item ORDER BY id";
$query = mysqli_query($db_conx, $sql);
$productCount = mysqli_num_rows($query); // count the output amount
if ($productCount > 0) {
    while($row = mysqli_fetch_array($query, MYSQLI_ASSOC)){ 
             $id = $row["id"];
             $product_name = $row["product_name"];
             $date_added = date("Y-m-d", strtotime($row["date_added"]));
             $end_date = date("F d Y H:i:s A T", strtotime($row["end_date"]));
             $price = $row["price"];
             $dynamicList .= '<div>' . $end_date . '
      </div>';
    }
} else {
    $dynamicList = "No Records";
}
?>

<?php
$date = $end_date;
$exp_date = strtotime($date);
$now = time();

if ($now < $exp_date ) {
?>
<script>
// Count down milliseconds = server_end - server_now = client_end - client_now
var server_end = <?php echo $exp_date; ?> * 1000;
var server_now = <?php echo time(); ?> * 1000;
var client_now = new Date().getTime();
var end = server_end - server_now + client_now; // this is the real end time

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour *24
var timer;

function showRemaining()
{
    var now = new Date();
    var distance = end - now;
    if (distance < 0 ) {
       clearInterval( timer );
       document.getElementById('countdown').innerHTML = 'EXPIRED!';

       return;
    }
    var days = Math.floor(distance / _day);
    var hours = Math.floor( (distance % _day ) / _hour );
    var minutes = Math.floor( (distance % _hour) / _minute );
    var seconds = Math.floor( (distance % _minute) / _second );

    var countdown = document.getElementById('countdown');
    countdown.innerHTML = '';
   if (days) {
        countdown.innerHTML += 'Days: ' + days + '<br />';
    }
    countdown.innerHTML += 'Hours: ' + hours+ '<br />';
    countdown.innerHTML += 'Minutes: ' + minutes+ '<br />';
    countdown.innerHTML += 'Seconds: ' + seconds+ '<br />';
}

timer = setInterval(showRemaining, 1000);
</script>
<?php
} else {
    echo "Times Up";
}
?>
<div id="countdown"></div>

任何帮助将不胜感激。

【问题讨论】:

  • 没有下午 13 点这样的时间。
  • @Juhana,你确定吗?因为我在我的页面上回显了结果,并且我在那里得到了这个回显:2013 年 9 月 19 日 13:00:00 PM GMT ...你从哪里得到这个想法,因为没有像下午 13 点这样的时间?
  • 你到底在呼应什么?你预计下午 13 点是几点?我的时钟只有 12 个小时。
  • @Juhana,我在回应&lt;?php echo $end_date; ?&gt;
  • H 是 24 小时制中小时的符号。如果您使用 12 小时制,则需要 h

标签: javascript php mysql


【解决方案1】:

13:00:00 PM 不是有效时间。 AMPM 用于指示时间在 12 小时周期的哪一侧。你不能从逻辑上说你在时钟的 12 小时的第 13 小时。

编辑:为清楚起见:13:00 == 1 PM,13:00 PM == 没有。

【讨论】:

  • 那么为什么我的电脑现在显示我的时间是 13:15?这没有意义。
  • 没错。但它最后没有 PM 或 AM,这是主要问题。请仔细阅读我的回答。
  • 说下午 13 点意味着您说的是中午之后的 13 小时,这意味着它指的是凌晨 1 点或 01:00,而不是下午 1 点或 13:00。
  • 天啊,伙计,我不敢相信只有这样。我不敢相信我不知道。我刚刚删除了H,它又开始工作了!我很感激。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多