Вы здесь: Главная » JavaScript » Как динамически обновить дату в футере сайта

Как динамически обновить дату в футере сайта

Очень часто в футере сайта ставят копирайт и дату, соответствующую либо текущему году, либо году создания сайта - текущему году.

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

footerЕсли не хочется каждый год менять дату в футере, можно воспользоваться одним из простых методов вставки кода.

1. Сниппет на JavaScript

Это даст вам в футере такой же вариант, как и на скриншоте, но с текущим годом.

Либо можно расширить запись:

В этом случае будет следующий вид:

Copyright © 2010-2016, Company Name. All rights reserved.

2. PHP сниппет

То же самое можно сделать на PHP.Например, если вы используете CMS WordPress, в файл footer.php можно вставить небольшой код:

Будет такой вариант:

Copyright © 2016. All rights reserved.

Или же расширенный вариант с диапазоном лет:

Тогда получите следующий вид футера:

Copyright © 2015-2016, Company Name. All rights reserved.

Разница между этими двумя способами состоит в том, что JavaScript работает на стороне клиента, т.е. пользователя, зашедшего на ваш сайт, и настройки даты берутся с компьютера пользователя. Т.е. для пользователя в Америке и в Европе даты будут отличаться в конце одного года и в начале другого за счет разницы в часовых поясах. А PHP-скрипт работает на стороне сервера, и именно временные настройки сервера будут отображаться в футере. Но разница по времени будет важна только для 31 декабря прошлого года и 1 января текущего года для жителей разных временных зон.

По материалам статьи It is 2016. Update Your Footer.

8 комментариев

  1. Никогда об этом не задумывалась. Но стоит применить на сайте.

  2. Неплохо, но не всегда, по-моему, это стоит применять.

  3. Всем привет!
    Хороший способ.
    Использовал у себя на странице.

  4. Зачем заморачиваться если можно просто в расширенном варианте сделать диапазон...

    • Вы правы, можно и так.

  5. Попробую для разнообразия ...

  6. Несколько сложновато, но использовать можно

  7. Есть интересные моменты, хотя не уверен, что не проще это сделать в HTML.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *