JavaScript. Дата и Время

get-do-ok

Размещение на нашей странице методов: getDay (), getDate (), getMonth (), getHour (), getMinute () и getSecond () ( получить День, Число, Месяц, Год, Час, Минуту, Секунду). Разбор скрипта и учёт некоторых тонкостей.

Дата и Время
Как мы уже помним, есть такая штука как документ\объект. Если бы не было документа, мы не смогли бы ничего написать\создать с помощью скрипта. Как паразит не может существовать без тела хозяина! :) Сегодня мы разберём такие методы как:getDay (), getDate (), getMonth (), getHour (), getMinute () и getSecond (). Сейчас нам надо найти способ поместить их на нашу страницу. Почему мы не сделаем это стандартным способом? Просто дописав в код? Всё не так просто, как кажется на первый взгляд. Проблема в том, что они всего лишь методы... Для воздействия им нужен объект, а документ для этого не пригоден. Что же делать? Создадим свой объект!

Для начала попробуем разобраться со скриптом. Как он у нас будет выглядеть. Для удобства чтения я разделю его на несколько составляющих. Вы же НИКОГДА НЕ РАЗБИВАЙТЕ СТРОКУ! Ни при каких условиях и обстоятельствах!

Итак скрипт!

<SCRIPT LANGUAGE="JavaScript">Now= New Date();document.write("Сегодня"+ Now.getDate()+"."+Now.getMonth()+"."+Now.getFullYear()+
" Вы зашли на эту страницу ровно в: "+Now.getHours()+":"+Now.getMinutes()+" и "+ Now.getSeconds()+"секунд.")
//Отметка точной даты и времени нашего прибытия на эту страницу
</SCRIPT>

Результат

Разбор скрипта

Не стоит делать вопросительное лицо. Это не магия :) Скрипт просто показывает время, когда вы оказались на этой странице( читаете эту статью). Наш скрипт построен, как конструктор, то есть не обычное сложение, где 1+1 = 2, а 1+1= 11. Думаю, логику улавливаете.
Словесный разбор : «Объявление переменной Now, как New Date ()»; «в документе пишем»( «Сегодня»+Сегодняшний день+Сегодняшний месяц+Сегодняшний полный год+ ". Текст: "+ Данный час+ «:»+ Минуты+ " и " + Секунды + «секунд»)

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

Что это за штука «//»?

Продвигаясь вперёд, в изучении JavaScript,мы будем знакомиться с новыми понятиями и возможностями скрипта. Итак, двойная дробь означает, что следующий текст после неё не будет включён в процесс выполнения скрипта. Это некий комментарий нашего кода. То есть можно написать кусок кода и в конце написать комментарий к нему, что и как он будет делать ,например, или для чего мы вообще его написали.

Методы Дата и Время

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

Метод getЧто-нибудь() создал всё это.Стоит обратить внимание на заглавную букву. Пишем «g» в нижнем регистре, а потом Заглавная буква.

Помним, что всё это цифры. Даже метод getDay (), отвечающий за день недели, выражается цифрой от 1 до 7. Метод getMonth () отвечает за месяц. Теперь подумаем, на какой объект воздействует метод getMonth ().

Как мы уже разбирали, document не подходит для использования методов getЧто-либо(). Поэтому мы создали объект Now (сейчас). Этот объект можно было обозвать как угодно. Любое слово( на латинице), которое придёт нам в голову. Это не имеет значение. Браузеру всё равно, главное чтобы это не было зарезервированное слово в языке JavaScript.

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

Стоит обратить отдельное внимание на синтаксис. После объявления переменной Now, в конце мы поставили «;». Это означает, что строка JavaScript закончена. Без этого бы браузер подумал,что команда продолжается и мы бы получили ошибку. Всегда внимательно следим за этим.

Итак ещё одна статья подошла к концу. Всем отличного настроения и чистого кодинга! :)

Вы можете оставить комментарий, или Трекбэк с вашего сайта.

ОЦЕНИТЕ ПОЛЕЗНОСТЬ СТАТЬИ

Оценка: 5,00 ( голосов: 5)
Loading...Loading...

ПОДЕЛИТЬСЯ ССЫЛКОЙ

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

Return to Top ▲Return to Top ▲