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 | Обновление: Август 2014

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

    Сохранить в сервисы и закладки