Аватара пользователя eska 29 авг 2013, 11:18

Отсчёт времени

У нашего ГАЗ клуба, через месяц будет первая годовщина:)
Хотелось бы поставить какой-нибудь симпатичный таймер, который будет отсчитывать сколько времени осталось до дня рождения, посоветуете что-нибудь?
Комментарии: 5

romaamor 29 авг 2013, 14:16 Сообщение

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

Код: Выделить всё

<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>. Код довольно простой, можете без труда создать что-то свое.

Сам не проверял. :)
  • 0

CabinetAdmin 29 авг 2013, 14:56 Сообщение

Что нибудь типа такого Таймер обратного отчёта?

зы. Стояло перед пятилетием нашего форума.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 29 авг 2013, 16:26 Сообщение

romaamor
Спасибо за внимание
CabinetAdmin
Да, смотрится красиво
  • 0

CabinetAdmin 29 авг 2013, 18:14 Сообщение

Подключается довольно легко, скачиваете архив, в архиве 3 файла, стили и два скрипта.
countdown.rar
2.32 КБ 255 скачиваний
Файл script.countdown.js содержит в себе настройки, открываете его блокнотом, дата редактируется в строке:

Код: Выделить всё

ts = new Date(2013, 05, 05),
Надпись до и после наступления выставленной даты:

Код: Выделить всё

			if(newYear){
				message += "осталось до дня рождения форума!";
			}
			else {
				message = "нашему форуму 5 лет!";
			}
Закачиваете файлы на форум, перед </head> ставите:

Код: Выделить всё

<script type="text/javascript" src="путь до файла/jquery.countdown.js"></script> 
<script type="text/javascript" src="путь до файла/script.countdown.js"></script>
Если не подключена jQuery библиотека, то не забыть её подключить, перед скриптами добавить:

Код: Выделить всё

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Файл со стилями, либо закачать на форум и подключить вместе со скриптами:

Код: Выделить всё

<link href="путь до файла/jquery.countdown.css" rel="stylesheet" type="text/css" />
либо просто поставить в конец темы стиля.

В нужное место ставим:

Код: Выделить всё

<div id="countdown"></div>
<p id="note"></p>
<div id="countdown"></div> - это таймер.
<p id="note"></p> - это сообщение под таймером.

Если кто не понял о чём речь, демо:
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Начивик 20 июн 2023, 10:53 Сообщение

CabinetAdmin, :privet:
Может поможете написать код таймера для вставки на сайт (вордпресса) в виде хтмл, и чтобы этот же код можно было использовать для BBcode на форуме.
Счетчик нужен не обратного отсчета, а чтобы он стартовал с заданного числа без остановок, то есть чтобы у него небыло порога. Это первая функция и вторая связанная функция - чтобы этот счетчик накручивал единицы рядышком. К примеру накручивал как бы баллы (просто цифры).
Вот берем сегодняшнее число и задаем стартовый балл 0,5 или 1 чтобы проще. И с каждым днем повышается балл на заданное число 1. И так без остановок, на увеличение до талого)). Наверное по принципу счетчика ( текущее время, где указывается дата и время)
Возможно такое устроить с вашей помощью?
  • 0