Скрипт таймер для сайта uCoz



Разработчик: неизвестен

Предлагаю вашему вниманию «скрипт часов наоборот», а точнее «скрипт таймер» для вашего сайта. Данный скрипт не многим веб мастерам нужен, ну а те кому он действительно нужен часто не знают как же им сделать подобный таймер, чтоб он отсчитывал время до какого то события на сайте или в мире. Такой скрипт очень просто устанавливается и работает на сайтах системы uCoz на ура! Это позволяет его использовать в разных целях и не ограничивать свой сайт установкой обычного таймера (который можно настроить самому без знания html, но с минусом того что там не будет идти отсчет в реальном времени, счетчик меняется только после обновления страницы). Данный же скрипт устанавливается и настраивается очень просто, + таймер отсчитывает время и это можно видеть визуально (секунды, минуты, часы и дни ежесекундно уменьшаются).

Установка:
1) Копируем данный код и вставляем его в нужное место
2) Редактируем дату и название под себя

Код:
Code
<script language='javascript' type='text/javascript'>  
function fulltime () {  
var time=new Date();  
var newYear=new Date("jan,01,2012,00:00:00");  
var totalRemains=(newYear.getTime()-time.getTime());  

if (totalRemains>1){  

var RemainsSec = (parseInt(totalRemains/1000));  
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));  
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("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн</span>";  
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> час</span>";  
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин</span>";  
document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек</span>";  
setTimeout('fulltime()',10)  
}  

else{  
document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";  
}  
}  
</script>  
<style type='text/css'>  
#clou_xs {position:relative;width:200px;height:150px;padding:10px;}  
#clock {height:150px;text-align:center;font-size:13px;}  
#RemainsFullDays {position:absolute;top:50%;left:40%;font-size:25px;}  
#RemainsFullHours {position:absolute;bottom:1px;left:40px;font-size:15px;}  
#RemainsMinutes {position:absolute;bottom:1px;left:87px;font-size:15px;}  
#lastSec {position:absolute;bottom:1px;left:135px;font-size:15px;}  
#Rem {font-size:11px;font-weight:normal;}  
</style>  
<div id='clou_xs'>  
<div id='clock'>  
таймер для V-STYLE:  

<span id='RemainsFullDays'></span>  
  <span id='RemainsFullHours'></span>  
  <span id='RemainsMinutes'></span>  
  <span id='lastSec'></span>  
</div>  
</div>  
<script language='javascript'>fulltime();</script>


Чтоб настроить дату ищем в коде вот такую строку и изменяем в ней все под себя:
var newYear=new Date("jan,01,2012,00:00:00");

Так же обратите внимание, что месяца прописываются в коде так:
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec


Если у вас что то не получается то обратите внимание на данную тему на форуме Как сделать обратный отсчет?


Категория: Остальные скрипты | Добавил: GaV | Теги: скрипт, Скрипт таймер для сайта uCoz, uCoz, установка, счетчик времени, таймер, настройка, отчет времени, часы
Просмотров: 3065 | Загрузок: 0 | Комментарии: 2 | Рейтинг: 3.0/2
Всего комментариев: 2
1 idjer83  
0
Здравствуйте! Возможно ли на таймере сделать так что бы по истечении срока пришло письмо на Email время истекло для (таймер для V-STYLE:)

2 GaV  
0
думаю, это будет немного сложнее чем кажется, так как нужно будет прописать какие то условия, которые были бы привязанных к базе email адресов или же в ручную добавлять каждый адрес в таймер

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