2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Скрипт отсчета времени до события

Украшения 2011-Ноя-14 River 4.9k 2

Как я понел скрипт прозрачный, Скриншот я делал сам так что отражение это только Photoshop.
А так скрипт давольно не плохой и простенький . Мне понравилось =)

Установка:

Вставляем туда где хотим видеть:

Code

<script language='javascript' type='text/javascript'>  
function fulltime () {  
var time=new Date();  
var newYear=new Date("jan,01,2011,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'>  
до нового года осталось:  

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


Дату ставьте свою. меняйте вот эту строку:
Code

var newYear=new Date("jan,01,2011,00:00:00");  


Вот месяца:
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Источник: не указан
2 комментария
avatar
1
В преддверие нового года этот шаблон будет очень востребован. Каждый пользователь может легко поменять размер и цвет шрифта по своему усмотрению. Я например, сделал бы цифры синими, и использовал бы шрифт "курсив". А то шаблону немного не хватает яркости.
avatar
2
alexnov, всё в ваших руках =)
avatar