Таймер для сайту

by Сергій Куліков

HTML

Запрошую у мій Telegram канал, де я ділюся корисним: https://t.me/KulikovSerhiiChannel

<br><br>##########<br><br>










На цьому сайті таймер не працює, бо тут все зроблено на iframe.
Якщо встановити код на свій сайт з доменом, то все буде працювати.<br><br>



<div class='smartTimer'></div>



<style>
.smartTimer { font: 60px Tahoma, Arial, Helvetica, sans-serif; text-align: center; margin: 20px auto; display: inline-block; }
.smartTimer__digits { background-color: #222; display: inline-block; border: 1px solid #000; border-radius: 10px; padding: 16px 20px; color: #fff; }
.smartTimer__separator { color: #000; }
.smartTimer__hours {}
.smartTimer__minutes {}
.smartTimer__seconds {}
.smartTimer__message { font: 60px Tahoma, Arial, Helvetica, sans-serif; display: inline-block; border: 1px solid #000; border-radius: 10px; padding: 16px 20px; }
</style>



<script>
// Додаємо обробник події, який спрацьовує, коли DOM завантажений та оброблений
document.addEventListener('DOMContentLoaded', () => {
	// Оновлюємо відображення таймерів
	smartTimer.updateTimers();

	// Запускаємо інтервал для оновлення таймерів кожну секунду
	setInterval(() => smartTimer.updateTimers(), 1000);
});



// Об'єкт з функціями
const smartTimer = {
	// Встановлюємо таймер на вказану кількість годин
	// 5 = п'ять годин  |  0.5 = 30 хвилин
	setTimer: 5,

	// Скільки годин після закінчення часу таймера відображати повідомлення, що час минув
	// 10 = десять годин
	setDelay: 10,

	// Повідомлення, коли час таймеру вийшов (можна використовувати HTML або просто текст)
	timeoutMessage: '<span class="smartTimer__message">Час вийшов</span>',





	// Мітка для відстеження завершення таймера
	timerExpired: false,

	// Функція для встановлення кукі
	setCookie(name, value, hours) {
		// Визначаємо змінну 'expires', яка міститиме дані з датою закінчення терміну дії Cookie
		let expires = '';

		// Якщо заданий аргумент 'hours' (кількість годин), то встановлюємо дату закінчення терміну дії Cookie
		if...