autoweb-timer-getcourse.txt

<div class="timer">
	<div class="timer-numbers" id="timer">
		<span class="hours">00</span>
		<span>:</span>
		<span class="minutes">00</span>
		<span>:</span>
		<span class="seconds">00</span>
	</div>
</div>

<style>
	.timer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.timer-numbers {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0px 20px;
		font-size: 72px;
		background: rgba(0, 0, 0, 0.05);
		color: #d07684;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
	}

	@media only screen and (max-width : 768px) {
		.timer-numbers {
			font-size: 60px;
		}
	}

	@media only screen and (max-width : 380px) {
		.timer-numbers {
			width: 100%;
			font-size: 48px;
		}
	}
</style>

<script>
	window.addEventListener('DOMContentLoaded', function () {

		let timer = document.querySelector('#timer'),
			diffHours = timer.querySelector('.hours'),
			diffMinutes = timer.querySelector('.minutes'),
			diffSeconds = timer.querySelector('.seconds');

		function showTime(userHours = 19, userMinutes = 30, userUrl = 'https://getcourse.ru/') {
			// Получаем время пользователя
			let d = new Date(),
				// Разница МСК часового пояса с UTC
				mskUtcHours = -3,
				// Разница часового пояса пользователя, делим на 60, т.к. нам нужны часы
				viewerTimeZone = d.getTimezoneOffset() / 60,
				// Разница часовых поясов пользователя и МСК по времени которого начинается вебинар
				diffUtcTime = mskUtcHours - (viewerTimeZone),
				hours = d.getHours() - diffUtcTime,
				minutes = d.getMinutes(),
				seconds = d.getSeconds();

			if (hours == userHours && (minutes - userMinutes < 0)) {
				location.href = userUrl;
			}

			if (hours < userHours) {
				diffHours.textContent = setZeroBeforeDate(userHours - hours - 1);
			} else {
				diffHours.textContent = setZeroBeforeDate(((23 - d.getHours()) + userHours));
			}

			diffMinutes.textContent = setZeroBeforeDate(59 - minutes);
			diffSeconds.textContent = setZeroBeforeDate(59 - seconds);
		}
		setInterval(showTime, 1000, 19, 30, 'https://getcourse.ru/');

		function setZeroBeforeDate(item) {
			if (item < 10) {
				item = "0" + item;
			} else {
				item = item;
			}
			return item;
		}

	});
</script>