Jump to content

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

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

Featured Replies

Posted
comment_76687

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

 

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/
    Share on other sites
    comment_76689 
    <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
    comment_76691 
     <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...
    comment_175907
    В 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
    comment_175908

    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
    comment_175912

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

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

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/9996-skript-do-novogo-goda-ostalos/?&do=findComment&comment=175914
    Share on other sites
    comment_175915
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.