Обратный отсчет jQuery с использованием PHP и MySQL

Идея: создать обратный отсчет, показывающий дни или часы, оставшиеся до какого-либо события (минуты или секунды не требуются)...

У меня есть база данных MySQL, в которой хранятся данные, используемые обратным отсчетом: идентификатор, дата и описание. У меня есть файл PHP, чтобы получить все это из базы данных и вывести в HTML

Как это выглядит:

Вывод HTML:

<span>2 Days</span> Until Some Event!

Код PHP:

$result = mysql_query("SELECT * FROM countdowns ORDER BY id DESC",$connect);
while($myrow = mysql_fetch_assoc($result))
{
    echo "<div class=\"countdown\">";
        echo "<span>";
            echo $myrow['date'];
        echo "</span> ";
        echo $myrow['description'];
    echo "</div>";

Поэтому я хочу, чтобы «промежуток» отображал дни ИЛИ часы, а остальное будет описанием, извлеченным из базы данных.

Проблема: я хочу, чтобы отображались ТОЛЬКО дни, если часов больше 48, или ТОЛЬКО часы, если осталось меньше 48 часов.

Это должно выглядеть так:

5 дней до какого-то события! (Осталось более 48 часов)

ИЛИ

5 часов до какого-то события! (Очевидно, что осталось менее 48 часов)

Почему мне нужен jQuery для этого, потому что страница, на которой будет показан этот обратный отсчет, будет активна в течение нескольких дней без перезагрузки, поэтому мне нужно, чтобы она была динамической...

Я надеюсь, что вы понимаете, что я имею в виду, и, возможно, сможете мне помочь, большое спасибо заранее!

Эндрю Бэджер


person Andrew Badger    schedule 29.06.2011    source источник
comment
у вас есть черновики php-скриптов? какого короля ответа ты ждешь? Вы хотите, чтобы кто-то написал это все для вас?   -  person heximal    schedule 29.06.2011
comment
@heximal Я отредактировал свой вопрос с помощью PHP-кода, извините, что не сделал этого изначально ...   -  person Andrew Badger    schedule 29.06.2011


Ответы (1)


Возможно, вы могли бы использовать плагин, такой как timeago, и изменить его так, чтобы вместо записи времени, прошедшего с отметки времени, он показывал время отсутствует до временной метки.

РЕДАКТИРОВАТЬ - возможно, вам не нужно менять какую-либо часть кода, а просто установить эти настройки

jQuery.timeago.settings.allowFuture = true;
person Nicola Peluchetti    schedule 29.06.2011
comment
Спасибо за ваш ответ, плагин, который вы связали, выглядит довольно интересно, я поиграю с ним позже... Может быть, он будет работать так, как мне нужно. - person Andrew Badger; 29.06.2011
comment
Этот плагин сделал все, что мне было нужно! Большое спасибо, Никола. - person Andrew Badger; 29.06.2011