Многие сайты в нижней части страницы (футере) указывают текущий год, например, «© 2023 Название компании». Однако каждый год приходится вручную обновлять эту дату. Чтобы избавиться от этой рутинной задачи, можно использовать простой скрипт на JavaScript, который будет автоматически обновлять год на сайте.
Шаг 1: Добавляем HTML-разметку
Сначала нужно добавить в HTML-код сайта элемент, в котором будет отображаться текущий год. Например, можно использовать тег <span>
с классом my-footer-year
:
<span class="my-footer-year">© 2023 Название компании</span>
Шаг 2: Пишем JavaScript-код
Теперь напишем скрипт, который будет находить этот элемент на странице и обновлять год:
<script>
// Получаем текущий год
const currentYear = new Date().getFullYear();
// Находим элемент с классом "my-footer-year"
const footerYear = document.querySelector('.my-footer-year');
// Заменяем текст внутри элемента
footerYear.textContent = `© ${currentYear} Название компании`;
</script>
Этот код делает следующее:
- Получает текущий год с помощью объекта
Date
и методаgetFullYear()
. - Находит на странице элемент с классом
my-footer-year
с помощью методаquerySelector()
. - Заменяет текст внутри найденного элемента, подставляя текущий год.
Шаг 3: Добавляем стили (опционально)
При желании можно добавить CSS-стили для элемента с годом, чтобы задать ему нужный внешний вид, например, шрифт:
<style>
.my-footer-year {
font-family: 'Arial', sans-serif;
}
</style>
Автоматическая смена года на Тильде
Если вы используете конструктор сайтов Tilda, то для автоматического обновления года достаточно просто добавить текстовому элементу класс my-footer-year
. А в блок Т123 добавить скрипт из шага 2 и 3. Готово!
Теперь при каждой загрузке страницы сайта год в футере будет автоматически обновляться. Вам больше не придётся делать это вручную каждый январь. Этот простой, но полезный скрипт сэкономит вам время и силы, а посетители вашего сайта всегда будут видеть актуальную дату. Внедрить его на сайт может даже начинающий веб-разработчик.