Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 02:51
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Таймер обратного отсчет до нового 2013 Года

Таймер обратного отсчет до нового 2013 Года Таймер, обратного, отсчет, нового, 2012, Года,
Таймер обратного отсчет до нового 2013 Года! Таймер обратного отсчета является довольно простой и классической задачей для javascript. Его можно использовать в каждый год тем что подправить только дату будущего года или события, не обязательно новый год, можно и свои день рождения так же.
Рассмотрим создание счетчика дней до определенной даты и такой же счетчик, но более простой с отсчетом часов, минут и секунд.
Устанавливать можно в любое удобное по размерам место на вашем сайте.
Code
  
  <script language="JavaScript" type="text/javascript">  
  function count() {  
   
  month = 'Jan'; // Месяц даты наступления события  
  date = '01'; // Число даты наступления события  
  year = '2013'; // Год даты наступления события  
   
  theDate = month + ' ' + date + ' ' + year;  
   
  now = new Date();  
  setdate = new Date(theDate);  
   
  timer = (setdate - now) / 1000 / 60 / 60 / 24;  
  timer = Math.round(timer);  
   
  var message = timer + " дней до вашей даты!"; // Текст сообщения на ваш вкус  
  if (timer == "1") message = timer + " сообытие через день"; // До события один день  
  if (timer == "0") message = "событие менее чем через день"; // До события менее одного дня  
  if (timer == "-1") message = "событие наступило"; // Событие наступило  
  if (timer < "-1") message = ""; // Строка нулевой длины после наступления события  
   
  document.write(message);  
  }  
  count();  
  </script>  
  

Вариант с днями, часами, минутами и секундами (отсчет времени до наступления Нового Года):
Code
  
  <script type="text/javascript">  
  function newYearIn()  
  {  
  var days=" дней "  
  var now = new Date();  
  var newYear = new Date("Jan,01,2013,00:00:00");  
  var totalRemains = (newYear.getTime()-now.getTime());  
  if (totalRemains>1)  
  {  
  var RemainsSec=(parseInt(totalRemains/1000));  
  var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));  
  if (  
  RemainsFullDays==2 ||  
  RemainsFullDays==3 ||  
  RemainsFullDays==4 ||  
  RemainsFullDays==22 ||  
  RemainsFullDays==23 ||  
  RemainsFullDays==24 ||  
  RemainsFullDays==32 ||  
  RemainsFullDays==33 ||  
  RemainsFullDays==34  
  ) {  
  days=" дня "  
  }  
  if (  
  RemainsFullDays==1 ||  
  RemainsFullDays==21 ||  
  RemainsFullDays==31  
  ) {  
  days=" день "  
  }  
  var secInLastDay=RemainsSec-RemainsFullDays*24*3600;  
  var RemainsFullHours=(parseInt(secInLastDay/3600));  
  if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};  
  var secInLastHour=secInLastDay-RemainsFullHours*3600;  
  var RemainsMinutes=(parseInt(secInLastHour/60));  
  if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};  
  var lastSec=secInLastHour-RemainsMinutes*60;  
  if (lastSec<10){lastSec="0"+lastSec};  
  document.getElementById('newyear').innerHTML = "<p style='font-size:22px;'>До Нового Года осталось: "+RemainsFullDays+days+RemainsFullHours+":"+RemainsMinutes+":"+lastSec+"</p>";  
  setTimeout("newYearIn()",10);  
  }  
  else {document.getElementById("newyear").innerHTML = "C НОВЫМ ГОДОМ !!!";}  
  }  
  newYearIn();  
  </script>


Для того чтобы счетчик времени (таймер) до Нового Года появился на странице, необходимо до скрипта на странице расположить любой тег с id="newyear", например:
Code
<p id="newyear">Время, оставшееся до наступления Нового Года</p>
<script type="text/javascript">
function newYearIn()
{ ...
а в сам скрипте установить ту дату нового года, которую вы обычно празднуете (например, ближайший Новый Год в России: "Jan,01,2012,00:00:00").
Для того чтобы поменять шрифт (размер и цвет), нужно убрать теги
Code
<font size=20>

и
Code
<font>

и вставить описание стиля
Code
<style>p#newyear {font-size:27px; color:pink;}</style>

для строки времени. 2. Для того чтобы разбить строку на две вставьте в нужное место строки "<br>", например так: "До Нового Года осталось: <br>"
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 7968 | Комментарии: 1 | Рейтинг: 5.0/1 | |Категория: Скрипты Разное | Добавил: мир | Дата: 12.12.2011 | Скачали: 0 | Теги: 2012, обратного, нового, новый год, таймер, Отсчет, года
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
-3   Спам
1 riptiliya   Дата: 17.12.2011  Время: 01:12   [№ 11546]
Дол*ан*ый скрипт весь сайт покалечил


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru