Перейти к содержанию

Как сделать огромный таймер на главной странице (отсчет времени)?


Рекомендуемые сообщения

Всем добрый день! Хотел бы узнать, есть ли плагин для большого отсчета времени на главной странице? Например: До закрытия форума осталось - и снизу этого текста время: 25 часов:68 минут и тп.

Ссылка на комментарий
Поделиться на другие сайты

  • 3 недели спустя...

нашла здесь про таймер, а куда его вставить в HTML правильно? хотелось бы на главной странице типа отсчет до Нового года

Изменено пользователем Shiba
Ссылка на комментарий
Поделиться на другие сайты

Смотря куда на главной странице. Можно в приложении Pages создать кастомный блок и вставлять как виджет, к примеру.

Ссылка на комментарий
Поделиться на другие сайты

через блоки портала можно. я так себе делал.

Спойлер

 

 

Screenshot2023-12-16at13-03-37EuroTruckSimulator2-AmericanTruckSimulatorSpintiresMudRunnerETS2ATSMODS_ru.thumb.png.58f6c717754257e7c81028be70c07056.png

Screenshot2023-12-16at13-03-55.thumb.png.6a4dc4aff778affd979803dc85a6d20d.png

<center><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.2024.00.00", etTitleText: "До Нового 2023 года осталось!", 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>

 

Screenshot2023-12-16at13-10-47!.thumb.png.a04b12baafcffc7c8b96abc2a0135033.png

 

фйлик etimer.js

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

дата, время и секунды изменяются в etDate: "01.01.2024.00.00"

тест таймера на моем сайте в Портал https://ets2atsmods.ru/portal/

etimer.js

Изменено пользователем SlawkA
Ссылка на комментарий
Поделиться на другие сайты

если вставить, как блок, то отображаться будет только на главной странице? а если в шапку, то куда впихивать, объясните чайнику? вот у меня есть код этого отсчета и я хотела бы его поместить в шапку по центру, то куда?

Ссылка на комментарий
Поделиться на другие сайты

2 hours ago, Zero108 said:

Смотря куда на главной странице. Можно в приложении Pages создать кастомный блок и вставлять как виджет, к примеру.

вот например, этот код  <script src="//megatimer.ru/get/4f66df61fb0f2abdfe12bb88d8921054.js"></script>

Ссылка на комментарий
Поделиться на другие сайты

спасибо всем, кто ответил!! уже справилась(помогли))

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, Shiba сказал:

спасибо всем, кто ответил!! уже справилась(помогли))

спасибо и вам. напомнили что таймер надо поставить))

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...