Jump to content

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

Ryo

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

 Share

Recommended Posts

Ryo Proficient

Ryo

Posted
Posted

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

 

Link to comment
Share on other sites
Respected Mafia soldier

Respected

Posted
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>
Link to comment
Share on other sites
AlexBrtn Experienced

AlexBrtn

Posted
Posted 
 <link href='//fonts.googleapis.com/css?family=Bad+Script&subset=cyrillic,latin' rel='stylesheet' type='text/css'>

font-weight:900;

font-family: Bad Script;

 

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

Link to comment
Share on other sites
  • 6 years later...
Cobratin Community Regular

Cobratin

Posted
Posted
В 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?

Link to comment
Share on other sites
SlawkA Master

SlawkA

Posted
Posted

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

Спойлер 
<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

Link to comment
Share on other sites
SlawkA Master

SlawkA

Posted
Posted
5 часов назад, by_ix сказал:

как вариант: https://megatimer.ru/

удобнее и меньше заморочек. 

я брал на етаймер, и немного под себя его сделал

Link to comment
Share on other sites

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...