Главная » Советы и полезное » Java-script До нового года осталось

Java-script До нового года осталось

  • Советы и полезное

Java-script До нового года осталось


Описание: Актуальный JS , который отсчитывает время до Нового Года!

1.для каждого шаблона скорее всего понадобятся свои коректировки позиционирования .
2.кидаем картинку в папку images вашего шаблона
13042886.jpg(сохраните или переименуйте как 13042886.jpg)

3.в файле main.tpl создаем блок в который помещаем код

<script language='javascript' type='text/javascript'> 
function fulltime ()   {
var time=new Date();
var newYear=new Date("jan,01,2009,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>"; <!-- highslide start  -->
setTimeout('fulltime()',10)  
}

else{
document.getElementById("clock").innerHTML="C НОВЫМ <br>ГОДОМ !!!";
}
}
</script>
<style type='text/css'>
#clou_xs {position:relative;width:180px;height:235px;background: url(/templates/Default/images/13042886.jpg) no-repeat}
#clock {width:175px;height:235px;text-align:right;color:#999999;font-size:13px;}
#RemainsFullDays {font-size:25px;color: #2C79BF;}
#RemainsFullHours {position:absolute;bottom:1px;left:40px;font-size:15px;color:#999999;}
#RemainsMinutes {position:absolute;bottom:1px;left:87px;font-size:15px;color:#999999;}
#lastSec {position:absolute;bottom:1px;left:135px;font-size:15px;color:#999999;}
#Rem {font-size:11px;font-weight:normal;color:#999999;}
</style>
<div id='clou_xs'>
<div id='clock'>до нового года <br> осталось:<br><br>
<span id='RemainsFullDays'></span>
  <span id='RemainsFullHours'></span>
  <span id='RemainsMinutes'></span>
  <span id='lastSec'></span>
</div>
</div>
<script language='javascript'>fulltime();</script>


Автор: Wit
Стоимость: Бесплатно

Ключевые слова по теме Java-script До нового года осталось: Java-script, До нового года осталось