Дата на сайті

Створення скрипта дати і вставка його на HTML-сторінку

Ось весь скрипт дати:

var day = new Array ( "Воскресіння", "Понедельник", "Вiвторок",
"Середа четвер п'ятниця субота");

document.write (day [d.getDay ()] + "" + d.getDate () + "" + month [d.getMonth ()]
+ "" + D.getFullYear () + "м");
// ->

По-моєму, простіше нікуди, досить красиво і зрозуміло. Якщо у вас немає ніякого бажання вивчати побудову цього скрипта, то просто вставляйте його в будь-яке місце HTML-сторінки і отримаєте такий напис:.

Природно, ви можете оформляти шрифт виведеної написи звичайними засобами HTML. В даному випадку використаний жирний червоний шрифт.

Тепер для допитливих, а також люблять дивитися в корінь, розберемо складові нашого скрипта виведення дати. Це корисно не тільки для почуття глибокого внутрішнього задоволення, але і дозволить вам задавати необхідну форму виведення дати.

Отже, починаємо з присвоєння значення дати змінної d. потім створюємо масиви (Array) для днів тижня (day) і місяців (month), вказуючи їх у необхідної граматичній формі: відмінок, число, заголовна буква, якщо слово стоїть на початку дати і т.п. Останній рядок скрипта - власне друк дати (document.write). Тут ви встановлюєте, що і в якій послідовності будете виводити в рядку поточної дати. Компоненти відокремлюються одна від одної знаком +. Щоб додати пропуск використовується конструкція "". а для однієї літери г (рік) - конструкція "м"

Як видно з скрипта, отримання даних про поточний час виконує елемент get. Цей метод дозволяє отримати наступну інформацію:

getDate () - повертає число від 1 до 31, що представляє число місяця;
getDay () - повертає день тижня як ціле число від 0 (неділя) до 6 (субота);
getMonth () - повертає номер місяця в році;
getFullYear () - повертає рік. Якщо використовувати просто getYear (). то буде виводитися поточний рік мінус 1900;
get Hours () - повертає час доби;
getMinutes () - повертає хвилини як число від 0 до 59;
getSeconds () - повертає число секунд від 0 до 59.

Не забудьте перевірити, щоб файл data.js мав ту ж кодування, що й основний документ, інакше дата відобразиться чудовими гачками, квадратиками і іншими витребеньками. Якщо ви використовуєте програму Adobe Dreamweaver. то для цього треба вибрати розділ Редагувати - Установки. - Створити документ - Java Script - Кодування за замовчуванням. Також змінити кодування скрипта можна в Microsoft Word. Для цього відкрийте документ, задайте потрібне кодування, якщо він виводиться невірно (як це зробити, дивіться в "Довідці Word"), а потім збережіть його наступним шляхом: Файл - Зберегти як - Звичайний текст - Зберегти. У вікні, ви можете задати необхідне кодування.

Зауваження. Слід мати на увазі, що описаний скрипт виводить дату, встановлену на комп'ютері користувача, що не завжди відповідає реальному поточному часу. Якщо вам необхідно показати точний час, то необхідно використовувати РНР-скрипт, який буде показувати час на сервері. Про це способі виведення дати на сайті, а також про додавання дати в листи з форми зворотного зв'язку розглянемо в наступній статті.

І останнє - для особливо ледачих. Якщо описаний спосіб вставки дати здасться вам складним, то, як говорилося на початку статті, ви можете скористатися готовими формами, запропонованими в інтернеті, наприклад, інформерамі Яндекса. Для їх розміщення на сайті вибираєте потрібний розділ (пробки, час, погода або новини), сподобався дизайн інформера, задаєте місто і отримуєте код для вставки. Два види таких інформерів дати показані на прикладі внизу: