Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Метод random - Возвращает случайное число Методы объекта Date - Дата и Время Практика - Метод getTime

Методы объекта Date - Дата и Время - getDate и getDay - getFullYear и getMonth - getHours и getMinutes

Работа с датами в javascript - Объект Date

Урок №1 Методы объекта Date - Дата и Время

Количество просмотров: 619

Этим уроком начинается очередная новая тема - Работа с датами в javascript. Здесь мы будем знакомится с объектом Date.

Объект Date(в перев. ДАТА) в javascript работает соответственно с Датами и Временем.

Объект Date - Синтаксис

Объект Date - Синтаксис

Если вернуться к уроку прошлой темы Объект Math - Округление чисел, то мы увидим, что для работы с методами объекта Math сначала нужно вызвать сам объект, а потом указать для него один из методов.

Объект.метод(параметр метода);

Math.round(age);

Math.round(35.75);

Что касается объекта Date, то синтаксис для работы с ним немного иной.

Чтобы стало возможным работать с методами объекта Date, нужно создать новый объект типа Date, который помещают в переменную, которую в свою очередь используют для работы с методами объекта Date.

Переменная = новый объект Date();

Переменная.метод объекта Date();

var date = new Date();

date.getFullYear();

Переменная, в которую помещается вновь создаваемый объект Date, сама становиться объектом типа Date.

Метод getFullYear - Возвращает текущий год

Метод getFullYear - Возвращает текущий год

Теперь на практике посмотрим, как работает один из методов объекта Date.

Метод getFullYear объекта Date возвращает текущий год. Принимает значения 4 числа, например 1997.

<script type="text/javascript">

var date = new Date(); /* Создаем переменную date, как новый объект типа Date */

var year = date.getFullYear(); /* Метод getFullYear возвращает текущий год. */
document.write("Сейчас " + year + " год");

</script>

Итак, как видно из примера для работы с методом getFullYear объекта Date была использована переменная date, которая сначала создавалась как новый объект.

Метод getMonth - Возвращает номер текущего месяца

Метод getMonth - Возвращает номер текущего месяца

Метод getMonth объекта Date возвращает текущий месяц. Принимает значения от 0 до 11.

Обратите внимание и запомните: нумерация месяцев в javascript начинается с 0.

В javascript месяц ЯНВАРЬ имеет порядковый номер 0, ФЕВРАЛЬ - номер 1, а ДЕКАБРЬ - 11 и т.д.

По этой причине метод getMonth возвращает номер месяца на единицу меньше текущего (принятого согласно григорианскому календарю).

Поэтому чтобы получить реальный номер текущего месяца к результату, возвращаемому методом getMonth, прибавляем еденицу.

<script type="text/javascript">

var date = new Date(); /* Создаем новый объект типа Date */

var month = date.getMonth() + 1; /* Метод getMonth - Возвращает номер текущего месяца. Прибавляем к этому результату 1 */

document.write("Сейчас " + month + " месяц");

</script>

Методы getDate и getDay - Число месяца и День недели

Методы getDate и getDay - Число месяца и День недели

Не путайте методы getDate и getDay объекта Date.

Метод getDate возвращает текущий день месяца (число месяца). Принимает значения от 1 до 31.

Метод getDay возвращает текущий день недели. Принимает значения от 0 до 6.

Обратите внимание и запомните: нумерация дней недели в javascript начинается с 0.

В javascript ВОСКРЕСЕНЬЕ имеет порядковый номер 0, СУББОТА - номер 6 и т.д.

<script type="text/javascript">

var date = new Date(); /* Создаем новый объект типа Date */

var dayMonth = date.getDate(); /* Число месяца */
document.write(dayMonth + " число <br>");

var dayWeek = date.getDay(); /* День недели */
document.write(dayWeek + " день недели");

</script>

Методы getHours, getMinutes и getSeconds - Текущие ЧАС, Минута и Секунда

Методы getHours, getMinutes и getSeconds - Текущие ЧАС, Минута и Секунда

Рассмотрим еще три метода объекта Date, которые возвращают текущий час, минуту и секунду.

Это методы getHours, getMinutes и getSeconds соответственно.

<script type="text/javascript">

var date = new Date(); /* Создаем новый объект типа Date */

var hour = date.getHours(); /* Текущий час */
document.write("Текущий час " + hour + "<br>");

var minutes = date.getMinutes(); /* Текущая минута */
document.write("Текущая минута " + minutes + "<br>");

var seconds = date.getSeconds(); /* Текущая секунда */
document.write("И текущая секунда " + seconds);

</script>

Домашнее задание - методы объекта Date

Домашнее задание - методы объекта Date

Теперь, когда Вы познакомились с методами объекта Date, можно выполнить домашнее задание. Их будет два.

Домашнее задание №1

Ваша задача, используя методы объекта Date, вывести на экран
время в формате: час:минута:секунда (пример: 14:23:11)

При этом, если секунды и минуты попадают в интервал от 0 до 10, они должны выводиться с нулем впереди.
Т.е. вместо 18:7:3 у Вас должно выводиться 18:07:03.

<script type = "text/javascript">

var date = new Date(); /* Создаем новый объект Date */

var hour = date.getHours(); /* Текущий час */
var minutes = date.getMinutes(); /* Текущая минута */
var seconds = date.getSeconds(); /* Текущая секунда */

if (minutes < 10) /* Если текущая минута меньше 10, то...*/
{
minutes = "0" + minutes; /* ...перед минутным значением ставим 0 */
}

if (seconds < 10)
{
seconds = "0" + seconds;
}

document.write("Текущее время: " + hour + ":" + minutes + ":" + seconds)

</script>

Итак, чтобы вывести перед минутным и секундным значениями 0, если они меньше 10, понадобилось составить два условия If - Else.

Домашнее задание №2

Помните, мы вычисляли, как вывести день недели.
Чтобы узнать день недели, используйте метод getDay() Он выдаст вам число от 0 до 6, где 0 это восресенье, а 6 - суббота.

var day = now.getDay();
alert("На дворе день недели:" + day);

Но в результате мы получали всего лишь число - номер от 0 до 6, где 0 это воскресенье, а 6 суббота.

Так вот, ваша задача состоит в том, чтобы научиться выводить на экран текущий день недели в нормальном формате, т.е. Понедельник, Вторник и т.д.

Подсказка: Создайте массив с названиями дней недели и используйте его при выводе.
Если необходимо, повторите урок про создание массивов и вывода из них информации.

Помните, что дни недели в javascript начинаются с воскресенья.

<script type = "text/javascript">

var days = ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница","Суббота"]; /* Создаем массив с днями недели. Начинаем с воскресенья, так как дни недели в javascript начинаются с воскресенья */

var date = new Date(); /* Создаем новый объект Date */

var dayWeek = date.getDay(); /* Заносим в переменную dayWeek номер текущего дня недели */

document.write("Сегодня " + days[dayWeek]); /* Выводим соответствующий элемент массива на экран */

</script>

Объекта Date - Возвращает текущую дату

Объекта Date - Возвращает текущую дату

Объект Date() по умолчанию указывается без параметров, однако он возвращает дату, установленную в настоящий момент на Вашем компьютере.

Таким образом, можно сказать, что по умолчанию объект Date() создается для текущей даты.

Пример ниже это демонстрирует.

<script type="text/javascript">

var now = new Date();

document.write(now);

</script>

Итак, объект Date вернул строку следующего формата:

Tue Sep 26 2017 17:34:51 GMT+0300

  • Tue - это Tuesday - Вторник, то есть день недели.
  • Sep - это September - Сентябрь, то есть месяц.
  • 26 - это число месяца.
  • 2017 - это год.
  • 17:34:51 - Время.
  • GMT+0300 - Часовой пояс.

Таким образом, все методы объекта Date, рассмотренные в этом уроке, возвращают результат, ориентируясь на Дату и Время на локальном компьютере.

Если на компьютере пользователя дата и/или время установлены не верно, то и результат работы методов объекта Date будет соответствующим.

Забегая немного вперед, стоит сказать, что объект Date можно создать и ДЛЯ не сегодняшней даты.

В этом случае он указывается с параметрами следующим образом Date(2017,8,22,13,45,7), где числа: 2017 - это год, 8 - месяц (не забываем о нумерации месяцев в javascript), затем 22 - число месяца и далее: 13,45 и 7 - это час, минуты и секунды соответственно (можно указать и миллисекунды).

<script type="text/javascript">

var past = new Date(2017,8,22,13,45,7);

document.write(past);

</script>

Вероятно, Вам пока что не ясно, с какой целью объект Date создается для НЕ сегодняшней даты. Но об этом пойдет речь в следующем уроке.

Главная Изучаем JavaScript Методы объекта Date - Дата и Время Практика - Метод getTime

Ваши комментарии к уроку:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru