Дата на сайті. Cкриптов поточної дати і вставка його на HTML-сторінку
Дата на сайті
Створення скрипта дати і вставка його на HTML-сторінку
В попередніх статтях було розглянуто створення форми зворотного зв'язку і перевірка її заповнення відвідувачем сайту. Ще одна корисна для сайтів річ - вставка поточної дати. Прикладів скриптів дати можна знайти в інтернеті десятки, проте багато з них, на мій погляд, великовагових і, отже, непривабливі. Тим часом, використовуючи стандартні засоби JavaScript, вставити дату на сторінку сайту можна дуже просто.
<Script language = "javascript" type = "text / javascript"> <! -
var d = new Date ();
var day = new Array ( "Воскресіння", "Понедельник", "Вiвторок",
"Середа четвер п'ятниця субота");
var month = new Array ( "січня", "лютого", "березня", "квітня", "травня", "червня",
"Липня", "серпня", "вересня", "Жовтень", "листопада", "грудня");
document.write (day [d.getDay ()] + "" + d.getDate () + "" + month [d.getMonth ()]
+ "" + D.getFullYear () + "м");
// -> </ script>
По-моєму, простіше нікуди, досить красиво і зрозуміло. Якщо у вас немає ніякого бажання вивчати побудову цього скрипта, то просто вставляйте його в будь-яке місце HTML-сторінки і отримаєте такий напис:.
Природно, ви можете оформляти шрифт виведеної написи звичайними засобами HTML. В даному випадку використаний жирний червоний шрифт.
Описаний спосіб зручний, наприклад, для автоматичного щорічного зміни рядка Copyright © 2008 - на сайті, якщо, звичайно, такий рядок там присутній.
До речі, виведення поточної дати в тексті часто використовується недобросовісними сайтостроітеля в підписах під новинами або статтями: ви бачите сьогоднішнє число, хоча новина вже давно постаріла.
Тепер для допитливих, а також люблять дивитися в корінь, розберемо складові нашого скрипта виведення дати. Це корисно не тільки для почуття глибокого внутрішнього задоволення, але і дозволить вам задавати необхідну форму виведення дати.
Об'єкт Date повертає, тобто прочитує з комп'ютера, інформацію про поточну дату. Хоча значення дати повертаються в стандартній формі, фактичне значення зберігається як кількість мілісекунд, що пройшли після півночі 1 січня 1970 року. Застосування цієї угоди забороняє використання дат до 1970 року. (Завжди дивуюся, як витончено програмісти примудряються запудрити мізки нормальній людині. Згадайте страшилки, якими нас лякали при переході до нового 2000 році!)
Отже, починаємо з присвоєння значення дати змінної 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.
Вставляти безпосередньо Java -скріпт всередину сторінки сайту не завжди зручно. Краще помістити опис скрипта в початок сторінки між тегами <head> </ head> і задати змінну, яку будемо викликати в міру необхідності в тексті. Назвемо її TODAY і визначимо в ній форму виведення дати аналогічно вищевикладеному. Скрипт буде виглядати наступним чином:
<Script language = "javascript" type = "text / javascript">
<! -
var d = new Date ();
var day = new Array ( "Воскресіння", "Понедельник", "Вiвторок",
"Середа четвер п'ятниця субота");
var month = new Array ( "січня", "лютого", "березня", "квітня", "травня", "червня",
"Липня", "серпня", "вересня", "Жовтень", "листопада", "грудня");
var TODAY = day [d.getDay ()] + "" + d.getDate () + "" + month [d.getMonth ()]
+ "" + D.getFullYear () + "м";
// -> </ script>
Для виведення дати викликаємо скрипт в потрібному місці HTML-коду сторінки, використовуючи наступну команду:
<Script language = "javascript" type = "text / javascript">
document.write (TODAY);
</ Script>
Якщо ваш сайт містить багато сторінок, на яких треба показувати дату, то зручніше виділити Java -скріпт виведення дати в окремий файл, наприклад, data.js. Практично, це сторінка, що складається з першого з описаних сценаріїв, тобто з рядком document.write (див. Вище). Розташовувати її треба в тому ж каталозі, що і основна сторінка, і викликати в місці виведення дати наступним чином:
<Script language = "javascript" type = "text / javascript" src = "data.js">
</ Script>.
Не забудьте перевірити, щоб файл data.js мав ту ж кодування, що й основний документ, інакше дата відобразиться чудовими гачками, квадратиками і іншими витребеньками. Якщо ви використовуєте програму Adobe Dreamweaver, то для цього треба вибрати розділ Редагувати - Установки ...- Створити документ - Java Script - Кодування за замовчуванням. Також змінити кодування скрипта можна в Microsoft Word. Для цього відкрийте документ, задайте потрібне кодування, якщо він виводиться невірно (як це зробити, дивіться в "Довідці Word"), а потім збережіть його наступним шляхом: Файл - Зберегти як - Звичайний текст - Зберегти. У вікні, ви можете задати необхідне кодування.
Зауваження. Слід мати на увазі, що описаний скрипт виводить дату, встановлену на комп'ютері користувача, що не завжди відповідає реальному поточному часу. Якщо вам необхідно показати точний час, то необхідно використовувати РНР-скрипт, який буде показувати час на сервері. Про це способі виведення дати на сайті, а також про додавання дати в листи з форми зворотного зв'язку розглянемо в наступній статті .
І останнє - для особливо ледачих. Якщо описаний спосіб вставки дати здасться вам складним, то, як говорилося на початку статті, ви можете скористатися готовими формами, запропонованими в інтернеті, наприклад, інформерамі Яндекса . Для їх розміщення на сайті вибираєте потрібний розділ (пробки, час, погода або новини), сподобався дизайн інформера, задаєте місто і отримуєте код для вставки. Два види таких інформерів дати показані на прикладі внизу:
4.01.2010 р
