Объекты Date. Как вставить дату и время на страницу сайта

Объект Date в Javascript

На первый взгляд, вполне тривиальная задача по взаимодействию с датой и временем, имеет, на самом деле, в себе некоторые скрытые сложности, связанные не только с тем, что дата и время рассчитываются по Гринвичу (GMT), но и некоторыми другими аспектами...

Рассмотрим, для начала, основные способы работы с объектом Date в Javascript.

Сам по себе, объект Date - один из статичных объектов Javascript. И если нам нужно получить значение Date, можем вызвать следующую переменную:

var today = new Date()

Тем самым, мы сохраним показания системных часов компьютера, используемых пользователем.


Важная информацияЗначение экземпляра объекта даты - время в миллисекундах, начиная с 1 января 1970 по Гринвичу.


Ниже в таблице приведены основные действия, которые так или иначе связаны с объектом Date

Методы объекта Date

МетодЗначениеОписание
.getTime()0 - .....миллисекунд с 1 января 1970
.getYear()70-....заданный год-1900. Четырехзнак с 2000
.getFullYear1970 - .....четырехзначное число, определяющее год
.getMonth0-11Месяц. при том, их исчисление начинается с 0 (январь)
.getDate()1-31Число месяца
.getDay()0-6День недели. Воскресенье = 0
.getHours()0-23Время суток, часы
.getMinutes()0-59Минуты
.getSeconds()0-59Секунды
.setTime()0-...Задать количество миллисекунд с 1 января 1970
.setYear()70-...Задать год -1900. Четырехзнак - с 2000 года
.setMonth()0-11Задать месяц. 0= январь
.setDate()1-31Задать число месяца
.setDay()0-6Задать день недели. Воскресенье = 0
.setHours()0-23Задать время суток в часах
.setMinutes()0-59Задать минуты
.setSeconds()0-59Задать секунды

Важная информацияВажно быть внимательным при работе со значениями, где может передаваться "0". Речь о том, что по привычке указав, скажем, январь под №1 в .getMonth(), JavaScript расценит это как февраль, т.к. январь - это месяц 0


Как вывести текущую дату и время на страницу при помощи JavaScript

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

Давайте же попробуем написать скрипт, который будет за это отвечать...

<head>
<title>Установка даты на страницу при помощи JS</title>
<script type="text/javascript">
function nextWeek(){
var todayInMS = today.getTime();
var nextWeekInMS = todayInMS + (60*60*24*7*1000);
return new Date(nextWeekInMS);
}
</script>
</head>
<body>
Сегодня:
<script type="text/javascript">
var today=new Date();
document.write(today)
</script>
<br>
Через неделю будет:
<script type="text/javascript">
document.write(nextWeek());
</script>
</body>

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

Сначала создали функцию, которая высчитывает дату через неделю. Для этого к сегодняшней дате в миллисекундах прибавили количество миллисекунд, которые пройдут за неделю и вернули значение даты. Выглядит это следующим образом:

function nextWeek(){
var todayInMS = today.getTime();
var nextWeekInMS = todayInMS + (60*60*24*7*1000);
return new Date(nextWeekInMS);

Чтобы получить значение текущей даты,ввели переменную today:

var today=new Date();
document.write(today)

Ну и для того, чтобы получить значение "текущая дата и время + 1 неделя", воспользовались функцией nextWeek().

 

Таким образом, благодаря Javascript, мы можем отображать дату и время на страницах своих ресурсов!

Текущая дата и время