Jump to content

Скрипт "До Нового Года осталось ..."

Ryo
Ryo
in Форум запросов IP.Board

Featured Replies

Posted

Подскажите пожалуйста есть ли готовый скрипт отсчета обратного времени до заданной даты, как, например тут на главной странице форума "До Нового Года осталось ..."?

 

  • Цитата 
    <div style="font-size:18px; border:solid 1px #ececec; background:#EEEFEF; color:#222; text-align:center; margin:20 auto; padding:10px; margin-bottom:10px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius:1px; border-radius: 1px;"><script LANGUAGE="javascript">
document.write('<span id="ny_date">До Нового года</span>')
function ojidanieNG()
{
  var today = new Date();

  var BigDay = new Date("January 01, 2015");
  var timeLeft = (BigDay.getTime() - today.getTime());

  var e_daysLeft = timeLeft / 86400000;
  var daysLeft = Math.floor(e_daysLeft);

  var e_hrsLeft = (e_daysLeft - daysLeft)*24;
  var hrsLeft = Math.floor(e_hrsLeft);

  var e_minsLeft = (e_hrsLeft - hrsLeft)*60;
  var minsLeft = Math.floor(e_minsLeft);

  var seksLeft = Math.floor((e_minsLeft - minsLeft)*60);

  if (BigDay.getTime() > today.getTime() )
  document.getElementById("ny_date").innerHTML = '<font color="#c00"><b>До Нового года осталось</b></font>: <b>'+daysLeft+'</b> дней <b>'+hrsLeft+'</b> час. <b>'+minsLeft+'</b> мин. <b>'+seksLeft+'</b> сек.'
  else
  document.getElementById("ny_date").innerHTML = '<b>Поздравляем с <font color=red>Новым годом!</font>!!!</b>'
}
setInterval("ojidanieNG()", 50)
</script>
</div>
  • Цитата
    • 6 years later...
    В 24.12.2014 в 14:11, AlexBrtn сказал: 
     <link href='//fonts.googleapis.com/css?family=Bad+Script&subset=cyrillic,latin' rel='stylesheet' type='text/css'>

    font-weight:900;

    font-family: Bad Script;

     

    С этим шрифтом смотрится красиво

    Где это добавить?

    В custom css?

  • Цитата

    я юзаю в Портал в блоках код вместе с часами

    Спойлер 
    <center><script type="text/javascript">  
setInterval(function () {  
 date = new Date(),  
 h = date.getHours(),  
 m = date.getMinutes(),  
 s = date.getSeconds(),  
 h = (h < 10) ? '0' + h : h,  
 m = (m < 10) ? '0' + m : m,  
 s = (s < 10) ? '0' + s : s,  
 document.getElementById('time').innerHTML = h + ':' + m + ':' + s;  
}, 1000);
</script>
<span style="color:#6c9bd7; font-size:40pt; background:#fffffe; padding:9px;">
<span id="time">00:00:00</span>
</span></center>
<center><script src="https://ets2atsmods.ru/js/etimer.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery(".eTimer").eTimer({
			etType: 0, etDate: "01.01.2022.00.00", etTitleText: "До Нового 2021 года осталось!", etTitleSize: 20, etShowSign: 1, etSep: ":", etFontFamily: "Impact", etTextColor: "#a3a3a3", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#333333", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: " 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 31, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 10, etNumberBackground: "#495369", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: " 0px 0px 10px 0px rgba(0, 0, 0, 0.5)"
		});
	});
</script>
<div class="eTimer"></div></center>

     

    в коде можно сменить почти все. цвет, любую дату и тд. размер, ширину, но кофе не варит зараза.

    Спойлер

    456546.thumb.png.24bd7915e00125bf4a068476a721c8cd.png

     

    889.thumb.png.ba8017101a8b034b05fa6959b39725bc.png

    кому интересно, то из архива папку в корень и подключайте как хотите.

    этот таймер можно юзать много раз, и как угодно. главное числа менять.

    включил у себя на сайте, можете глянуть если че. всех с наступающим дамы и господа. а я пьян малёха

    js.zip

    js.zip

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.