JavaScript основы

JavaScript сценарии

JavaScript идущие часы

JavaScript дата и время

JavaScript минуты, секунды

Дата и время в JavaScript

Отображаем точное время и дату с помощью JavaScript

Данная глава посвящена всему, что связано с датой (год, месяц, день) и временем (часы, минуты, секунды). Здесь рассматриваются всевозможные методы возврата точных величин, связанных с течением времени; небольшие скрипты по выводу местного и универсального времени, даты и т.п.

Итак, дата и время в JavaScript

Методы	Описание
`Date()`	Возвращает текущую дату и время
`getDate()`	Используется для получения текущего дня месяца
`getDay()`	Используется для получения текущего дня недели
`getFullYear()`	Возвращает четырехзначное число текущего года
`getHours()`	Возвращает время в часах ( 0-23)
`getMilliseconds()`	Возвращает миллисекунды ( 0-999)
`getMinutes()`	Возвращает текущие минуты ( 0-59)
`getMonth()`	Возвращает текущий месяц ( 0-11)
`getSeconds()`	Возвращает секунды ( 0-59)
`getTime()`	Возвращает число миллисекунд с 1-го января 1970 года
`getTimezoneOffset()`	Возвращает разницу между местным временем и GMT
`getUTCDate()`	Возвращает день месяца (1-31) в соответствии с UTC
`getUTCDay()`	Возвращает день недели (0-6) в соответствии с UTC
`getUTCMonth()`	Возвращает месяц (0-11) в соответствии с UTC
`getUTCFullYear()`	Возвращает число года в соответствии с UTC
`getUTCHours()`	Возвращает время в часах (0-23) согласно UTC
`getUTCMinutes()`	Возвращает минуты (0-59) согласно UTC
`getUTCSeconds()`	Возвращает секунды (0-59) согласно UTC
`getUTCMilliseconds()`	Возвращает миллисекунды согласно UTC
`setDate()`	Устанавливает текущий день месяца (1-31)
`setFullYear()`	Устанавливает текущий год
`setHours()`	Устанавливает время в часах (0-23)
`setMinutes()`	Устанавливает минуты (0-59)
`setMonth()`	Устанавливает месяц (0-11)
`setSeconds()`	Устанавливает секунды (0-59)
`setUTCHours()`	Устанавливает время в часах (0-23) согласно UTC
`setUTCMinutes()`	Устанавливает минуты (0-59) согласно UTC стандарту
`setUTCSeconds()`	Устанавливает секунды (0-59) согласно UTC стандарту
`toDateString()`	Возвращает текущую дату
`toLocaleDateString()`	Возвращает дату согласно местному времени
`toLocaleTimeString()`	Возвращает время согласно местному времени
`toLocaleString()`	Возвращает дату и время согласно местному времени
`toString()`	Возвращает дату, время и часовой пояс
`toTimeString()`	Возвращает время и часовой пояс
`toUTCString()`	Возвращает время согласно UTC стандарту

Date()

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

Код:

<body>

          <script type="text/javascript">

          document.write(Date());

          </script>

          </body>

Результатом будет:

getDate()

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

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var day = new Date();

          document.write(day.getDate());

          </script>

          </body>

Результатом будет:

getDay()

Возвращает текущий день недели (число между 0 и 6).

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var day = new Date();

          document.write(day.getDay());

          </script>

          </body>

Результатом будет:

Или таким образом:

<body>

          <script type="text/javascript">

          var day=new Date();

          var weekday=new Array(7);

          weekday[0]="Воскресенье";

          weekday[1]="Понедельник";

          weekday[2]="Вторник";

          weekday[3]="Среда";

          weekday[4]="Четверг";

          weekday[5]="Пятница";

          weekday[6]="Суббота";

          document.write("Сегодня " + weekday[day.getDay()]);

          </script>

          </body>

Результат:

getFullYear()

Возвращает четырехзначное число текущего года.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var d = new Date();

          document.write(d.getFullYear());

          </script>

          </body>

Результат:

Или так:

<body>

          <script type="text/javascript">

          var d=new Date();

          var day=d.getDate();

          var month=d.getMonth() + 1;

          var year=d.getFullYear();

          document.write(day + "." + month + "." + year);

          document.write("<br /><br />");

          document.write(year + "/" + month + "/" + day);

          </script>

          </body>

Результат:

Можно таким образом:

<body>

          <script type="text/javascript">

          var born = new Date("April 17, 1983 21:08:00");

          document.write("Я родился в " + born.getFullYear() + " году");

          </script>

          </body>

Результат:

getHours()

Возвращает время в часах.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var h = new Date();

          document.write(h.getHours());

          </script>

          </body>

Результат:

Небольшая функция по отображению времени:

<body>

          <script type="text/javascript">

          function checkTime(i)

          {

          if (i<10)

          {

          i="0" + i;

          }

          return i;

          }

          var t = new Date();

          document.write(checkTime(t.getHours()));

          document.write(".");

          document.write(checkTime(t.getMinutes()));

          document.write(".");

          document.write(checkTime(t.getSeconds()));

          </script>

          </body>

Результат:

getMilliseconds()

Возвращает миллисекунды.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var m = new Date();

          document.write(m.getMilliseconds());

          </script>

          </body>

Результат:

Отображаем текущее время с помошью функции:

<body>

          <script type="text/javascript">

          function checkTime(i)

          {

          if (i<10)

          {

          i="0" + i;

          }

          return i;

          }

          function checkTimeMsec(i)

          {

          if (i<100 && i>10)

          {

          i="0" + i;

          }

          else if (i<10)

          {

          i="00" + i;

          }

          return i;

          }

          var t = new Date();

          document.write(checkTime(t.getHours()));

          document.write(".");

          document.write(checkTime(t.getMinutes()));

          document.write(".");

          document.write(checkTime(t.getSeconds()));

          document.write(".");

          document.write(checkTimeMsec(t.getMilliseconds()));

          </script>

          </body>

Результат:

getMinutes()

Возвращает минуты.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var m = new Date();

          document.write(m.getHours());

          document.write(".");

          document.write(m.getMinutes());

          document.write(".");

          document.write(m.getSeconds());

          </script>

          </body>

Результат:

getMonth()

Возвращает месяц как число.

Используется всегда совместно с Date объектом!

Январь равен 0 и так далее.

Код:

<body>

          <script type="text/javascript">

          var m=new Date();

          document.write(m.getMonth());

          </script>

          </body>

Результат:

Создаем массив и выводим название месяца:

<body>

          <script type="text/javascript">

          var d=new Date();

          var month=new Array(12);

          month[0]="Январь";

          month[1]="Февраль";

          month[2]="Март";

          month[3]="Апрель";

          month[4]="Май";

          month[5]="Июнь";

          month[6]="Июль";

          month[7]="Август";

          month[8]="Сентябрь";

          month[9]="Октябрь";

          month[10]="Ноябрь";

          month[11]="Декабрь";

          document.write("На дворе месяц " + month[d.getMonth()]); </script>

          </body>

Результат:

getSeconds()

Возвращает секунды.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var s = new Date();

          document.write(s.getSeconds());

          </script>

          </body>

Результат:

getTime()

Возвращает миллисекунды с полуночи 1-го января 1970 года.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var ms = new Date();

          document.write(ms.getTime());

          </script>

          </body>

Результат:

getTimezoneOffset()

Этот метод возвращает разницу в минутах между местным временем и Средним Временем по Гринвичу (GMT). Разница не постоянна из-за перехода на летнее время.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var g = new Date();

          document.write(g.getTimezoneOffset());

          </script>

          </body>

Результат:

Теперь мы можем преобразовать результат предыдущего примера в GMT:

<body>

          <script type="text/javascript">

          var g=new Date()

          var gmtHours = -g.getTimezoneOffset()/60;

          document.write("Местный часовой пояс: GMT " + gmtHours);

          </script>

          </body>

Результат:

getUTCDate()

Этот метод возвращает день месяца (1-31) согласно Универсальному Координированному Времени. Универсальное Координированное Время (UTC) является временем, установленным Мировым Стандартом Времени.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var day = new Date();

          document.write(day.getUTCDate());

          </script>

          </body>

Результат:

getUTCDay()

Этот метод возвращает день недели согласно UTC (0 соответствует воскресенью, 1 – понедельнику и так далее).

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var day=new Date();

          document.write(d.getUTCDay());

          </script>

          </body>

Результат:

getUTCMonth()

Этот метод возвращает месяц согласно UTC (0 соответствует январю, 1 – февралю и так далее).

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var m=new Date();

          document.write(m.getUTCMonth());

          </script>

          </body>

Результат:

getUTCFullYear()

Возвращает текущий год.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var y = new Date();

          document.write(y.getUTCFullYear());

          </script>

          </body>

Результат:

getUTCHours(), getUTCMinutes(), getUTCSeconds()

Возвращают текущее время (UTC) соответственно в часах, в минутах и в секундах.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var t = new Date();

          document.write(t.getUTCHours());

          document.write(".");

          document.write(t.getUTCMinutes());

          document.write(".");

          document.write(t.getUTCSeconds());

          </script>

          </body>

Результат:

getUTCMilliseconds()

Возвращает миллисекунды согласно стандарту UTC.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var ms = new Date();

          document.write(ms.getUTCMilliseconds());

          </script>

          </body>

Результат:

setDate()

Устанавливает день месяца.

Используется всегда совместно с Date объектом!

В примере ниже мы устанавливаем 21 день текущего месяця:

<body>

          <script type="text/javascript">

          var day = new Date();

          day.setDate(21);

          document.write(day);

          </script>

          </body>

Результат:

setFullYear()

Устанавливает год.

Используется всегда совместно с Date объектом!

В примере ниже мы устанавливаем 2005 год:

<body>

          <script type="text/javascript">

          var y = new Date();

          y.setFullYear(2005);

          document.write(y);

          </script>

          </body>

Результат:

setHours()

Устанавливает время в часах.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var h = new Date();

          h.setHours(12);

          document.write(h);

          </script>

          </body>

Результат:

Или так:

<body>

          <script type="text/javascript">

          var h = new Date();

          h.setHours(12,08,01);

          document.write(h);

          </script>

          </body>

Результат:

setMinutes()

Устанавливает минуты.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var min = new Date();

          min.setMinutes(30);

          document.write(min);

          </script>

          </body>

Результат:

setMonth()

Устанавливает месяц.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var m = new Date();

          m.setMonth(1);

          document.write(m);

          </script>

          </body>

Результат:

Добавим еще и день месяца:

<body>

          <script type="text/javascript">

          var md=new Date();

          md.setMonth(1,21);

          document.write(md);

          </script>

          </body>

Результат:

setSeconds()

Устанавливает секунды.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var sec = new Date();

          sec.setSeconds(25);

          document.write(sec);

          </script>

          </body>

Результат:

setUTCHours()

Устанавливает время в часах согласно UTC стандарту.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var h = new Date();

          h.setUTCHours(12);

          document.write(h);

          </script>

          </body>

Результат:

Или одновременно с минутами и секундами:

<body>

          <script type="text/javascript">

          var h = new Date();

          h.setUTCHours(12,30,13);

          document.write(h);

          </script>

          </body>

Результат:

setUTCMinutes()

Устанавливает минуты согласно UTC стандарту.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var min = new Date();

          min.setUTCMinutes(3);

          document.write(min);

          </script>

          </body>

Результат:

setUTCSeconds()

Устанавливает секунды согласно UTC стандарту.

Используется всегда совместно с Date объектом!

Код:

<body>

          <script type="text/javascript">

          var sec = new Date();

          sec.setUTCSeconds(45);

          document.write(sec);

          </script>

          </body>

Результат:

toDateString()

Возвращает текущую дату.

Код:

<body>

          <script type="text/javascript">

          var d = new Date();

          document.write (d.toDateString());

          </script>

          </body>

Результат:

toLocaleDateString()

Возвращает текущую дату согласно местному времени.

Код:

<body>

          <script type="text/javascript">

          var ld = new Date();

          document.write (ld.toLocaleDateString());

          </script>

          </body>

Результат:

toLocaleTimeString()

Возвращает время согласно местному времени.

Код:

<body>

          <script type="text/javascript">

          var lt = new Date();

          document.write (lt.toLocaleTimeString());

          </script>

          </body>

Результат:

toLocaleString()

Возвращает дату и время согласно местному времени.

Код:

<body>

          <script type="text/javascript">

          var l = new Date();

          document.write (l.toLocaleString());

          </script>

          </body>

Результат:

toString()

Возвращает дату, время и часовой пояс.

Код:

<body>

          <script type="text/javascript">

          var d = new Date();

          document.write (d.toString());

          </script>

          </body>

Результат:

toTimeString()

Возвращает время и часовой пояс.

Код:

<body>

          <script type="text/javascript">

          var t = new Date();

          document.write (t.toTimeString());

          </script>

          </body>

Результат:

toUTCString()

Возвращает дату и время согласно UTC стандарту.

Код:

<body>

          <script type="text/javascript">

          var d = new Date();

          document.write (d.toUTCString());

          </script>

          </body>

Результат:

Автор проекта - Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

JavaScript события JavaScript дата и время JavaScript часы и минуты