Jump to content

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

Featured Replies

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

 

Link to comment
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/
Share on other sites
<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
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=76689
Share on other sites
 <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
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=76691
Share on other sites
  • 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?

Link to comment
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=175907
Share on other sites

zmaker то, что <link... - в globalTemplate в тег <head>.
а второе, да, в кастом ксс.

Link to comment
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=175908
Share on other sites

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

Спойлер
<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
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=175912
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=175914
Share on other sites
5 часов назад, by_ix сказал:

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

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

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

Link to comment
https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=175915
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
Ответить в этой теме...

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

  • No registered users viewing this page.