themu/layouts/partials/subtitle.html

48 lines
2.2 KiB
HTML
Raw Normal View History

2023-07-30 23:25:05 +03:00
<noscript>
<style>
#time { display: none; }
</style>
</noscript>
2023-07-30 22:37:30 +03:00
<pre> (@_ добро пожаловать на мой
\\\_\ <a href="https://github.com/fruworg/fruworg.github.io">open-source</a> веб-сайт!
2023-07-30 23:25:05 +03:00
<____) <time style="color: var(--maincolor)" id="time">тут должно было быть время</time></pre>
<script>
// Функция для форматирования числа (добавляет ведущий ноль, если число меньше 10)
function formatNumber(num) {
return num < 10 ? '0' + num : num;
}
// Функция для получения текущего времени и даты в поясе UTC+6
function getCurrentDateTimeUTCPlus6() {
const currentTime = new Date();
const offset = currentTime.getTimezoneOffset(); // Получаем разницу в минутах между UTC и локальным временем
const utcPlus6DateTime = new Date(currentTime.getTime() + offset * 60 * 1000 + 6 * 60 * 60 * 1000); // Добавляем 6 часов к UTC+0
return utcPlus6DateTime;
}
2023-07-30 23:11:48 +03:00
2023-07-30 23:25:05 +03:00
// Функция для обновления времени и даты на странице
function updateClock() {
const timeElement = document.getElementById('time');
if (timeElement) {
const currentDateTime = getCurrentDateTimeUTCPlus6();
const year = currentDateTime.getUTCFullYear();
const month = formatNumber(currentDateTime.getUTCMonth() + 1);
const date = formatNumber(currentDateTime.getUTCDate());
const hours = formatNumber(currentDateTime.getUTCHours());
const minutes = formatNumber(currentDateTime.getUTCMinutes());
const seconds = formatNumber(currentDateTime.getUTCSeconds());
2023-07-30 23:11:48 +03:00
2023-07-30 23:25:05 +03:00
const dateTimeString = `${year}-${month}-${date} ${hours}:${minutes}:${seconds} UTC+6`;
timeElement.innerText = dateTimeString;
}
}
2023-07-30 23:11:48 +03:00
2023-07-30 23:25:05 +03:00
// Обновляем время и дату каждую секунду
setInterval(updateClock, 1000);
2023-07-30 23:11:48 +03:00
2023-07-30 23:25:05 +03:00
// Вызываем функцию для первоначального обновления времени и даты
updateClock();
</script>