Дата и время

Концепция

Из Урока 1 известно, что существует такой объект, как документ. Иначе в нем ничего нельзя было бы написать.

В этом уроке будут рассмотрены семь новых методов: getDay(), getDate(), getMonth(), getYear(), getHours(), getMinutes(), и getSeconds() (получить День, Число, Месяц, Год, Час, Минуту, Секунду). Все они уже существуют, их можно взять и поместить на Web-страницу. Проблема в том, что это всего лишь методы. Для действия им нужен объект, а документ для этих целей не годится... так что необходимо создать объект.

Сценарий

<SCRIPT LANGUAGE="JavaScript">

//Сценарий выводит точную дату и время посещения страницы

Now = new Date();
document.write("Сегодня " + Now.getDate()+ 
"-" + (Now.getMonth()+1) + "-" + Now.getFullYear() 
+ ". Вы зашли на Web-страницу ровно в: " + Now.getHours() + 
":" + Now.getMinutes() + " и " + Now.getSeconds() + 
" секунд.")

</SCRIPT>

Кстати, строка document.write не должна прерываться. Она разбита на несколько строк, чтобы удобнее было читать.

Результат работы сценария

Сегодня 18-7-2006. Вы зашли на эту Web-страницу ровно в: 8:42 и 3 секунд.

Разбор сценария

Не пугайтесь размера сценария, скоро все будет понятно. Для начала еще раз напомним о формате сценария. Строка document.write уходит далеко за границы экрана. Эту форму необходимо сохранить. Если разбить эту строку на две, браузер выдаст сообщение об ошибке.

Что означает // ?

Постепенно, по мере чтения учебника вы будете узнавать все больше новых команд. Это одна из них. Двойная косая черта указывает на комментарий внутри сценария. Она означает, что следующий за ней текст не будет использоваться в процессе. Количество строк комментария ничем не ограничено, надо только помнить, что каждая строка должна начинаться с двойной косой черты //.

Методы Date (Дата) и Time (Время)

Если посмотреть сценарий, то можно видеть, что результат создается командой записи в документ числа, месяца, года, часа, минуты и секунды. Несколько дополнительных слов объясняют, что вы видите.

Каждый из этих объектов был создан с помощью метода в виде getЧто-либо(). Обратите внимание на заглавную букву. Сначала "get" в нижнем регистре, потом слово с Заглавной буквы, описывающее объект.

Первое: запомните, что каждый из этих объектов является числом. Все методы возвращают только числа. Даже метод getDay(), который возвращает день недели, выражается числом от единицы до семи.

Начнем с месяца. Как уже говорилось ранее, getMonth() — это метод, отвечающий за месяц. Теперь задумаемся о том, на какой объект воздействует метод getMonth(). Т.е. теперь необходимо определиться, методом какого объекта является getMonth().

(Помните из Урока 1? Метод дейcтвует на объект).

Может показаться, что getЧто-либо() — это метод объекта document. Вовсе нет. Метод документа — write. getMonth() на самом деле является методом объекта Date. Взгляните на сценарий еще раз. Объект Date задается в команде:

Now = new Date();

С этим объектом будет работать метод getMonth(). Имея дело с датой и временем, всякий раз пользуйтесь той же схемой. Прежде всего необходимо создать объект. В данном случае объект называется Now (сейчас). Видите? Между прочим, я мог бы назвать его Zork или Fred, браузеру все равно. Это не имеет значения, если объект получает оригинальное имя, которое больше нигде в JavaScript не встречается.

Если вам кажется, что кое-что тут поставлено с ног на голову, это легко понять. Такое впечатление, что следует писать new Date = Now, но это не так. Вы изучаете незнакомый язык и обязаны подчиняться его правилам.

Команда говорит: Now — это объект, который представляет new Date() (новую Дату). Дата обязательно должна быть новой. Таким способом вы будете получать новую дату каждый раз, когда заходите на страницу или обновляете ее. Без команды new дата будет оставаться статичной.

Обратите внимание и на точку с запятой в конце строки. Это действует как признак конца оператора. Она указывает на то, что строка JavaScript закончена. Без нее браузер решил бы, что команда продолжается на следующей строке. Ошибка.

Итак, у нас есть объект, на который может воздействовать метод getMonth(). Нам нужно напечатать месяц на странице, значит, где-то должна быть команда document.write(). Мы знаем также, что текст в скобках будет выведен на страницу, поэтому давайте напишем все это, следуя логике.

Вот что у нас получилось:

<SCRIPT LANGUAGE="javascript">

//Сценарий выведет на странице номер месяца

Now = new Date();
document.write("Сейчас месяц " + (Now.getMonth()+1))

</SCRIPT>

Посмотрите на полный сценарий еще раз. Длинная строка текста уже не кажется такой страшной. Это просто объект Now и следующий после него метод getЧто-либо(). Я разделил элементы даты дефисом. Помните, что дефис должен быть виден на странице, поэтому его следует ставить в кавычки. Все части связаны между собой знаком плюса +.

Добавление пробелов

Один небольшой прием-совет, который надо знать. Сколько бы пробелов вы не вставили до и после знака плюс, это никак не повлияет на видимый результат. Элементы пойдут сплошным текстом. Поэтому, если в текст требуется вставить пробелы, добавляйте их в части текста в кавычках. Например:

"Сейчас ровно   "

Видите, здесь добавлены два пробела перед второй кавычкой? Это превратится в два пробела на странице, когда сценарий выполнится. Помните: это не HTML. В Javascript существуют свои правила относительно пробелов.

Создание длинной строки

Мы не будем разбирать ее целиком, потому что вы наверняка уже поняли, что надо делать. Оставим только cтроку c датой. Вот как это выглядит:

document.write("Сегодня "  
+  (Now.getMonth()+1)+ 
"-" + Now.getDate() + "-" 
+ Now.getFullYear() + ".  
Вы зашли на Web-страницу ровно в : " 
+ Now.getHours() +
":" + Now.getMinutes()  + " и " 
+ Now.getSeconds() +
" секунд")

Продолжайте дальше по этой схеме, и сценарий выведет именно то, что вы хотите. Тогда вы всем сможете сказать, который час.

Известная проблема

Об этом уже говорилось ранее, но поговорим немного еще. Должно быть, вы заметили, что номер месяца будет на единицу меньше чем нужно, если использовать просто getMonth(). Почему? Вспомните, что числа сообщает JavaScript, a JavaScript любит считать от нуля. Tо есть, январь нулевой месяц и так далее.

Что же делать? Прибавить 1, разумеется! Тут требуется известная сноровка. Нужно ввести несколько переменных, то есть присвоить имя некоему элементу (это еще будет в Уроке 6). Вы присваиваете new Date() имя, как уже делали раньше. Затем присваиваете имя коду, который вызывает месяц. Ниже я назвал его mpo (Mесяц Плюс Oдин). И прибавляете к этому имени единицу. Эту новую команду я назвал mpo1. Звучит несколько запутанно, но не торопитесь. Вот как это выглядит:

<SCRIPT LANGUAGE="javascript">

RightNow = new Date();
var mpo = RightNow.getMonth();
var mpo1 = mpo + 1;
document.write("Сегодня месяц " +mpo1+ ".");

</SCRIPT>

Вот что получилось:

Cегодня месяц 8.

Это уж правильный месяц, или как?

Задание

Сегодняшнее задание не очень сложное. Напишите сценарий, который выводит на Web-странице дату, разделенную косой чертой. Приветственный текст должен быть зеленого цвета. Пока не беспокойтесь о числах, мы рассмотрим изменение их цвета позже. Добавьте также комментарий о том, что это вы написали этот сценарий.

Возможное решение

Привет! Сегодня у нас 18/8/2006.

Вот сценарий:

<SCRIPT LANGUAGE="JavaScript">

// Автор сценария tttt@mail.ru
Now = new Date();
var mpo = Now.getMonth();
var mpo1 = mpo + 1;
document.write("<FONT COLOR='green'>Привет! Сегодня у нас:</FONT>" 
+ Now.getDate() + "/" 
+ mpo1 + "/" 
+ Now.getFullYear() + ".");
</SCRIPT>

Обратите внимание на команды FONT и одинарные кавычки при указании зеленого цвета шрифта. Дату можно было скопировать из первоначального сценария, заменив дефисы на косую черту.