Часы и Таймер для сайта.

Всем привет. И с Наступающим Вас.

Сделал тут давно для себя часики и таймер для приложение Портал. Боковые блоки.

Может кому что и пригодится.

Выглядит это так:

Все настройки размеров и цвета в коде.

И так Часы:

<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>

Ничего такого не понятного тут нет. Вставить в блок. И работают.

А вот и таймер:  etimer.js

<center><script src="https://ССЫЛКА ДО ФАЙЛА/etimer.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery(".eTimer").eTimer({
			etType: 0, etDate: "01.01.2023.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>

Файл etimer.js перенести в корень или в другую папку на хосте по Вашему желанию.

Прикреплен файл ниже. Прописать в коде ссылку до файла etimer.js

Так же в коде можно менять цвета таймера, размер, ширину и длину по вашему и так далее.

И можете вставлять в блок или куда хотите.

Изменение таймера времени происходит в коде etDate: "01.01.2023.00.00"

Тест на моем сайте: ets2atsmods.ru/portal/

etimer.js