Таймер обратного отсчета

В этом уроке мы поставим таймер обратного отсчета времени и привяжем к какому-нибудь событию. Пусть у нас 1 января 2015 года в 12 часов дня у нас будет какое-нибудь знаменательное событие :) До этого времени мы посетителям нашего сайта будем показывать таймер обратного отсчета, а в час Х....

а) Отправим пользователя на какой-либо сайт

б) Либо просто что-нибудь ему скажем

demosourse

Ну что ж, приступим.

В нужном месте, там где мы планируем выводить наш таймер, подключаем скрипт:

<SCRIPT language="JavaScript" SRC="countdown.php?timezone=Asia/Yekaterinburg&countto=2015-01-01 12:00:00&do=r&data=http://ruseller.com"></SCRIPT>

В этой же строке проводятся все настройки скрипта через GET - параметры:
timezone = - Ваша временная зона. Моя например Asia/Yekaterinburg (т.е. GMT + 5:00). Правильно написать свою тайм-зону вам поможет эта страница.
countto = - Время Х, т.е. время, когда наступит наше знаменательное событие в формате ГГГГ-ММ-ДД ЧЧ:ММ:СС
Параметр do=t&data может принимать 2 значения:
do=t&data= - Текст, который будет написан вместо таймера по наступлению часа Х
do=r&data=
Когда наступит час X, отправим посетителя на какую-нибудь страницу, например : http://ruseller.com

Ну и, конечно, CSS

#cd {
margin: auto;
height: 50px;
width: 450px;
font-family: "Courier New", Courier, mono;
font-size: 24pt;
color: #000;
text-align: center;
font-weight: bold;
background-image: url(back.jpg);
vertical-align: middle;
}

Добавляем этот код в свой css - файл, либо прописываем на странице между тегами <head></head>. Код довольно простой, можете без труда создать что-то свое.

Вот и все. Удачи!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.minisitegallery.com/blog
Перевел: Евгений Стыценков
Урок создан: 24 Апреля 2009
Просмотров: 144726
Правила перепечатки


5 последних уроков рубрики "PHP"

  • Фильтрация данных с помощью zend-filter

    Когда речь идёт о безопасности веб-сайта, то фраза "фильтруйте всё, экранируйте всё" всегда будет актуальна. Сегодня поговорим о фильтрации данных.

  • Контекстное экранирование с помощью zend-escaper

    Обеспечение безопасности веб-сайта — это не только защита от SQL инъекций, но и протекция от межсайтового скриптинга (XSS), межсайтовой подделки запросов (CSRF) и от других видов атак. В частности, вам нужно очень осторожно подходить к формированию HTML, CSS и JavaScript кода.

  • Подключение Zend модулей к Expressive

    Expressive 2 поддерживает возможность подключения других ZF компонент по специальной схеме. Не всем нравится данное решение. В этой статье мы расскажем как улучшили процесс подключение нескольких модулей.

  • Совет: отправка информации в Google Analytics через API

    Предположим, что вам необходимо отправить какую-то информацию в Google Analytics из серверного скрипта. Как это сделать. Ответ в этой заметке.

  • Подборка PHP песочниц

    Подборка из нескольких видов PHP песочниц. На некоторых вы в режиме online сможете потестить свой код, но есть так же решения, которые можно внедрить на свой сайт.

^ Наверх ^