Автоматизация показа текущего года с помощью JavaScript

Думаю, что многие из читателей сталкивались с необходимостью обновления даты, которая обычно ставится рядом со значком Copyright на сайте. Тем более, этот год почти всегда стоит на темах для Wordpress и других CMS, блоговых и других движков. Часто это забывалось, часто было лень... Но это дело можно достаточно просто автоматизировать, что позволит забыть об этой проблеме навсегда. Причём автоматизировать можно двумя разными путями: генерация года на сервере, с помощью, например, PHP и генерация на стороне клиента с помощью JavaScript. Ниже я предлагаю использовать второй вариант, как более простой для новичков и более универсальный.

Итак, нам необходимо, чтобы в определённом месте на странице всегда показывался текущий год.

Для решения этой задачи нам необходимо всего-лишь несколько строк JavaScript кода и задание контейнера для вставки года.

Для примера я возьму HTML, имеющийся сейчас в моей теме:


<span class="copy">Copyright © 2007 A2P.net.ru</span>

Я хочу, чтобы вместо 2007 выводились годы в виде 2007-<текущий год>, то есть на момент написания статьи это 2007-2008.

Вначале определим контейнер, в котором будет выводится текущий год, используем для этого тэг SPAN, которому мы зададим id="copy_date".


<span class="copy">Copyright © 2007-<span id="copy_date"></span> A2P.net.ru</span>

Теперь напишем JavaScript который будет вставлять год в контейнер с Id "copy_date". Для получения текущего года используем метод getFullYear(), объекта созданного из класса Date.


<script type="text/javascript">
var cur = new Date();
document.getElementById('copy_date').innerHTML = cur.getFullYear()+" "
</script>

Теперь соберём это вместе. Здесь главное, чтобы JavaScript был размещен ниже HTML кода с контейнером.

<span class="copy">Copyright © 2007-<span id="copy_date"></span> A2P.net.ru</span>
<script type="text/javascript">
var cur = new Date();
document.getElementById('copy_date').innerHTML = cur.getFullYear()+" "
</script>

В общем-то это все. Единственное, что можно заметить, это то, что показываемый год зависит от настроек пользователя просматривающего сайт - какой год будет выставлен у него в системе такой и будет отображён на странице.

На сим, все. Замечания, пожелания и предложения всегда буду рад прочитать в комментариях.

Комментариев: 7

  1. Дата: Март 21, 2008, 20:04 | Ссылка

    Вообще-то эта штука вроде как призвана указывать как долго существует сайт и обновляется ли.. Иначе вообще не вижу в ней смысла

  2. Дата: Март 21, 2008, 20:52 | Ссылка

    В общем-то для указания как долго существует сайт это как раз подходит, ведь раз он ещё существует, значит вполне корректно ставить текущий год.
    А вот насчёт того обновляется ли он… Тут уже вряд ли можно ориентироваться на выводимый год. Все таки об обновлениях сайта больше говорят материалы на сайте ;)

    Просто за последние несколько месяцев для нескольких клиентов нужно было обновить годы, сменив 2007-й на 2008-й, и я решил избавиться от необходимости в дальнейшем делать это.

  3. Дата: Май 8, 2008, 14:46 | Ссылка

    То есть если у меня выставлен 2012 по рассеяности ли, специально ли, то и отображаться будет 2012?

  4. Дата: Май 12, 2008, 10:41 | Ссылка

    Да, если выставить у себя 2012 год и зайти на сайт с таким скриптом, то год будет отображаться как 2012. В этом и есть небольшой недостаток данного подхода.
    В принципе, если это критично, можно использовать PHP для вставки года на стороне сервера.

  5. Дата: Июль 14, 2008, 11:58 | Ссылка

    Ппц бред, такие вещи если и делать, то уж точно не на javascript

  6. Дата: Июль 14, 2008, 12:47 | Ссылка

    Я писал, что надежней безусловно делать на стороне сервера. Но если нужно быстро поправить, например, шаблон для какой-нить CMS, или просто статичный файлик, то, мне кажется, так будет проще простому юзеру.
    Не вижу причин почему так не делать в принципе, не расскажете?

  7. Дата: Сентябрь 7, 2008, 14:14 | Ссылка

    довольно легко неожидал

Оставьте комментарий!

Обязательные поля отмечены знаком *

*
*

Powered by WP Hashcash

аватары баги безопасность беларусь блог браузер браузеры верстка виджеты закладки интерфейсы контекст монетизация плагины программирование раскрутка ссылки статистика темы топ формы хостинг шаблоны яндекс .htaccess api b2evolution bookmarks bugs chrome code CPanel CSS error exploit firefox freeBSD Google gravatar gzip HTML JavaScript linux mod-rewrite MySQL ob-start PHP plugins rss sape.ru SEO sitemap sniplets sql tar TinyMCE utf8 wget widgets WordPress WYSIWYG xmlrpc yandex