Ryo Опубликовано 24 декабря, 2014 Поделиться Опубликовано 24 декабря, 2014 Подскажите пожалуйста есть ли готовый скрипт отсчета обратного времени до заданной даты, как, например тут на главной странице форума "До Нового Года осталось ..."? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 24 декабря, 2014 Поделиться Опубликовано 24 декабря, 2014 <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> Mano, Efremov и Ryo 3 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AlexBrtn Опубликовано 24 декабря, 2014 Поделиться Опубликовано 24 декабря, 2014 <link href='//fonts.googleapis.com/css?family=Bad+Script&subset=cyrillic,latin' rel='stylesheet' type='text/css'> font-weight:900; font-family: Bad Script; С этим шрифтом смотрится красиво Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Cobratin Опубликовано 17 декабря, 2021 Поделиться Опубликовано 17 декабря, 2021 В 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? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 17 декабря, 2021 Поделиться Опубликовано 17 декабря, 2021 zmaker то, что <link... - в globalTemplate в тег <head>. а второе, да, в кастом ксс. SlawkA и Cobratin 1 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 17 декабря, 2021 Поделиться Опубликовано 17 декабря, 2021 я юзаю в Портал в блоках код вместе с часами Спойлер <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> в коде можно сменить почти все. цвет, любую дату и тд. размер, ширину, но кофе не варит зараза. Спойлер кому интересно, то из архива папку в корень и подключайте как хотите. этот таймер можно юзать много раз, и как угодно. главное числа менять. включил у себя на сайте, можете глянуть если че. всех с наступающим дамы и господа. а я пьян малёха js.zip js.zip Mano и by_ix 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
by_ix Опубликовано 18 декабря, 2021 Поделиться Опубликовано 18 декабря, 2021 как вариант: https://megatimer.ru/ удобнее и меньше заморочек. Riddick и SlawkA 1 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 18 декабря, 2021 Поделиться Опубликовано 18 декабря, 2021 5 часов назад, by_ix сказал: как вариант: https://megatimer.ru/ удобнее и меньше заморочек. я брал на етаймер, и немного под себя его сделал Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.